JS对象转数组的5种实用方法

想快速将JavaScript对象灵活转换为不同结构的数组？本文全面解析四种核心方法：用Object.keys()提取键名、Object.values()获取值、Object.entries()生成键值对二维数组，再结合map()构建自定义对象数组——无论你是处理API响应、准备列表渲染，还是需要结构化遍历，都能找到精准匹配的方案，助你高效编码不踩坑。

JavaScript中将对象转换为数组有多种方式，具体取决于你想要的数组结构。以下是几种常见的转换方法：

1. 获取对象的键名数组

const obj = { a: 1, b: 2, c: 3 };<br>const keys = Object.keys(obj);<br>console.log(keys); // ['a', 'b', 'c']

2. 获取对象的值数组

const obj = { x: 'hello', y: 'world', z: '!' };<br>const values = Object.values(obj);<br>console.log(values); // ['hello', 'world', '!']

3. 获取键值对数组（二维数组）

const obj = { name: 'Alice', age: 25 };<br>const entries = Object.entries(obj);<br>console.log(entries);<br>// [ ['name', 'Alice'], ['age', 25] ]

4. 转换为对象数组（自定义结构）

const obj = { a: 1, b: 2, c: 3 };<br>const arr = Object.entries(obj).map(([key, value]) => ({<br>  key,<br>  value<br>}));<br>console.log(arr);<br>// [ { key: 'a', value: 1 }, { key: 'b', value: 2 }, { key: 'c', value: 3 } ]

基本上就这些。根据你的实际需求选择合适的方法。如果是处理 API 数据或准备渲染列表，Object.values() 和 Object.entries() 最常用。注意：这些方法只处理对象自身的可枚举属性，不包括原型链上的属性。

到这里，我们也就讲完了《JS对象转数组的5种实用方法》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于java的知识点！