如何将对象转换成数组?

王林
发布: 2024-04-29 11:03:01
原创
1295 人浏览过

在 JavaScript 中将对象转换为数组的方法:使用 Object.keys() 获取属性键数组。使用 Object.values() 获取属性值数组。使用 map() 和 Object.entries() 将对象键值对转换为数组。

如何将对象转换成数组?

如何将对象转换成数组

在 JavaScript 中,有几种方法可以将对象转换成数组:

使用 Object.keys()

const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj); // ['a', 'b', 'c']
登录后复制

使用 Object.values()

const values = Object.values(obj); // [1, 2, 3]
登录后复制

使用组合操作

const arr = [...Object.values(obj)]; // [1, 2, 3]
登录后复制

使用 map()Object.entries()

const entries = Object.entries(obj); // [['a', 1], ['b', 2], ['c', 3]]
const arr = entries.map(([key, value]) => value); // [1, 2, 3]
登录后复制

实战案例

假设我们有一个对象的数组,我们想要得到所有对象的 id 属性值的数组:

const objects = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

const ids = objects.map(({ id }) => id); // [1, 2, 3]
登录后复制

以上是如何将对象转换成数组?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!