JavaScript中转换对象为数组有四种常用方法:1. Object.keys()获取键名数组;2. Object.values()提取值数组;3. Object.entries()生成键值对二维数组;4. 结合map()将键值对转为对象数组,适用于列表渲染。
JavaScript中将对象转换为数组有多种方式,具体取决于你想要的数组结构。以下是几种常见的转换方法:
const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);
console.log(keys); // ['a', 'b', 'c']
const obj = { x: 'hello', y: 'world', z: '!' };
const values = Object.values(obj);
console.log(values); // ['hello', 'world', '!']
const obj = { name: 'Alice', age: 25 };
const entries = Object.entries(obj);
console.log(entries);
// [ ['name', 'Alice'], ['age', 25] ]
const obj = { a: 1, b: 2, c: 3 };
const arr = Object.entries(obj).map(([key, value]) => ({
key,
value
}));
console.log(arr);
// [ { key: 'a', value: 1 }, { key: 'b', value: 2 }, { key: 'c', value: 3 } ]
基本上就这些。根据你的实际需求选择合适的方法。如果是处理 API 数据或准备渲染列表,Object.values() 和 Object.entries() 最常用。注意:这些方法只处理对象自身的可枚举属性,不包括原型链上的属性。