Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 对象转数组

作者:故事只剩听说   发布日期:2025-02-26   浏览:240

// 示例代码:将 JavaScript 对象转换为数组

// 假设我们有一个对象
const obj = {
  name: "Alice",
  age: 25,
  city: "Beijing"
};

// 方法1:使用 Object.keys() 获取对象的键,并将其转换为数组
const keysArray = Object.keys(obj);
console.log(keysArray); // 输出: ["name", "age", "city"]

// 方法2:使用 Object.values() 获取对象的值,并将其转换为数组
const valuesArray = Object.values(obj);
console.log(valuesArray); // 输出: ["Alice", 25, "Beijing"]

// 方法3:使用 Object.entries() 获取对象的键值对,并将其转换为数组
const entriesArray = Object.entries(obj);
console.log(entriesArray); 
// 输出: [["name", "Alice"], ["age", 25], ["city", "Beijing"]]

// 方法4:使用自定义函数将对象转换为包含键值对的数组
function objectToArray(obj) {
  return Object.entries(obj).map(([key, value]) => ({ [key]: value }));
}

const customArray = objectToArray(obj);
console.log(customArray); 
// 输出: [{ name: "Alice" }, { age: 25 }, { city: "Beijing" }]

解释说明:

  • Object.keys():返回一个包含对象自身所有可枚举属性的键名的数组。
  • Object.values():返回一个包含对象自身所有可枚举属性的键值的数组。
  • Object.entries():返回一个包含对象自身所有可枚举属性的键值对的数组,每个元素是一个 [key, value] 的数组。
  • 自定义函数:通过 Object.entries()map() 方法,可以将对象转换为包含单个键值对的对象数组。

上一篇:js 深拷贝数组

下一篇:js 数组拷贝

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js jsonp

js 获取当前页面url

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站