js对象转数组-js教程-PHP中文网

js对象转数组

冰川箭仙

发布： 2025-11-12 22:43:11

原创

740人浏览过

JavaScript中转换对象为数组有四种常用方法：1. Object.keys()获取键名数组；2. Object.values()提取值数组；3. Object.entries()生成键值对二维数组；4. 结合map()将键值对转为对象数组，适用于列表渲染。

js对象转数组

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

1. 获取对象的键名数组

使用 Object.keys() 可以获取对象所有可枚举属性的键名，返回一个字符串数组。

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

登录后复制

2. 获取对象的值数组

使用 Object.values() 可以直接提取对象的所有值，生成一个数组。

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

登录后复制

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

使用 Object.entries() 将对象转为键值对数组，适合用于遍历或转换成 Map。

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

登录后复制

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

如果你希望每个属性变成一个对象元素，比如在列表渲染时常用，可以结合 Object.entries() 或 for...in 处理。

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() 最常用。注意：这些方法只处理对象自身的可枚举属性，不包括原型链上的属性。

艺帆网络工作室网站源码1.7.5

艺帆网络工作室网站源码,是国庆后新一批新概念的网站源码,采用流行的Html5和JS组合流畅顺滑，界面清晰明朗，适合科技类企业和公司建站使用。如果你是想成为一家独特的设计公司，拥有独特的文化，追求品质，而非数量与规模。这种坚持一直贯穿于项目运作之中，从品牌建立、形象推广设计到品牌形象管理。那可以考虑使用这款艺帆网络工作室网站源码。这款源码中服务项目和团队程序需要在_template文件夹下的in