在前端开发中，我们经常遇到需要将 JavaScript 对象转换为数组的情况。本文将介绍如何以简单且高效的方式实现此操作，并提供示例代码和指导意义。
方法一：使用 Object.keys()
Object.keys() 方法返回一个由对象的属性名组成的数组，可以用它来将对象转换为数组：
----- --- - - ----- ------- ---- -- -- ----- --- - ------------------------ -- ----- ----------- ----------------- -- --------- -------- ------- ----
上面代码中，我们首先使用 Object.keys() 获取 obj 对象的所有属性名，然后使用 map() 方法将每个属性名和对应的属性值组成一个新数组。最后得到的结果就是一个包含每个属性名和属性值的二维数组。
方法二：使用 Object.entries()
Object.entries() 方法返回一个由对象的键值对组成的数组，其中每个键值对都是一个二元素数组，第一个元素为键名，第二个元素为键值。因此，可以用它来直接将对象转换为数组：
----- --- - - ----- ------- ---- -- -- ----- --- - -------------------- ----------------- -- --------- -------- ------- ----
上面代码中，我们直接使用 Object.entries() 将 obj 对象转换为一个包含键值对的二维数组。
指导意义
以上两种方法都可以将对象转换为数组，但使用 Object.entries() 更加简便和高效。因此，在开发中如果只是需要将对象转换为数组，建议直接使用 Object.entries() 方法。
除了以上两个方法，还有其他一些方法也可以实现这个功能，例如使用 for...in 循环遍历对象属性并将其 push 到一个数组中。但这些方法通常更加复杂且效率较低，不建议使用。
最后，值得注意的是，将对象转换为数组只是前端开发中的一个小问题，但它涉及到 JavaScript 的基础语法和常用 API，因此我们应该深入学习并掌握相关知识点，以便在开发中能够更加熟练地运用它们。
示例代码
-- -- ------------- ----- ---- - - ----- ------- ---- -- -- ----- ---- - ------------------------- -- ----- ------------ ------------------ -- --------- -------- ------- ---- -- -- ---------------- ----- ---- - - ----- ------- ---- -- -- ----- ---- - --------------------- ------------------ -- --------- -------- ------- ----
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/31509