在 JavaScript 中，我们经常需要将对象转换为数组。ES6 提供了许多功能强大的特性来简化这个过程。本文将介绍如何使用 ES6 的一些语言特性来将对象转换为数组。
Object.keys()
首先，我们可以使用 Object.keys() 方法获取对象的所有键值，并返回一个包含键名的数组。例如：
const obj = { a: 1, b: 2, c: 3 }; const keys = Object.keys(obj); console.log(keys); // ["a", "b", "c"]
然后，我们可以使用 Array.prototype.map() 方法遍历 keys 数组并将每个键名映射到对应的值，最终得到一个包含对象所有值的新数组。例如：
const obj = { a: 1, b: 2, c: 3 }; const keys = Object.keys(obj); const values = keys.map(key => obj[key]); console.log(values); // [1, 2, 3]
Object.values()
另外一个将对象转换成数组的方法是使用 Object.values() 方法。和 Object.keys() 方法类似，Object.values() 方法返回由对象的所有值组成的数组。例如：
const obj = { a: 1, b: 2, c: 3 }; const values = Object.values(obj); console.log(values); // [1, 2, 3]
Object.entries()
还有一个非常方便的方法可以同时获取对象的键和值。使用 Object.entries() 方法，我们可以将每个对象的键和值组成一个新的数组，最终得到一个由这些键值对组成的二维数组。例如：
const obj = { a: 1, b: 2, c: 3 }; const entries = Object.entries(obj); console.log(entries); // [["a", 1], ["b", 2], ["c", 3]]
其中每个子数组都是包含两个元素的数组，第一个元素是键名，第二个元素是对应的值。如果需要将这个二维数组转换成一维数组，我们可以使用 Array.prototype.flat() 方法或者 Array.prototype.reduce() 方法。例如：
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- ----- ----------- - --------------- ------------------------- -- ----- -- ---- -- ---- -- -- ---- ------ -- ----- -------------- - -------------------- ----- ------- -- - -------------- ---------------- ------ ---- -- ---- ---------------------------- -- ----- -- ---- -- ---- --展开代码
总结
在本文中，我们介绍了使用 ES6 的方法将对象转换为数组。Object.keys() 方法返回对象的所有键名，Object.values() 方法返回对象的所有值，而 Object.entries() 方法返回对象的所有键值对。这些方法结合 Array.prototype.map()、Array.prototype.flat() 和 Array.prototype.reduce() 方法可以帮助我们方便地完成对象和数组之间的转换。
希望本文能对你有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31578
