JS 将对象转为数组|极客笔记

JS 将对象转为数组

在 JavaScript 中，我们经常需要将一个对象转化为数组，以便更方便地操作和处理数据。对象转数组的过程相对简单，但有许多方法可以实现。本文将介绍几种常用的方法，帮助你灵活地处理对象数据。

方法一：Object.keys()

Object.keys() 方法会返回一个由给定对象的自身可枚举属性组成的数组，数组中属性的顺序与通过手动循环对象的属性时相同。我们可以利用这个方法实现对象到数组的转换。

示例代码如下：

const obj = {a: 1, b: 2, c: 3};
const arr = Object.keys(obj).map(key => obj[key]);

console.log(arr);

运行结果：

[1, 2, 3]

上面的代码首先使用 Object.keys() 方法获取对象 obj 的键值数组，然后通过 map 方法遍历数组，得到对应的值，最终构建了一个新的数组。

方法二：Object.values()

Object.values() 方法返回一个给定对象自身的所有可枚举属性值的数组，与 Object.keys() 类似，可以将对象的值提取出来转为数组。

示例代码如下：

const obj = {a: 1, b: 2, c: 3};
const arr = Object.values(obj);

console.log(arr);

运行结果：

[1, 2, 3]

这段代码将对象 obj 的值使用 Object.values() 方法提取出来，直接得到一个数组。

方法三：Object.entries()

Object.entries() 方法会返回一个给定对象自身可枚举属性的键值对数组，与 Object.keys() 和 Object.values() 不同，Object.entries() 返回的是键值对的数组。

示例代码如下：

const obj = {a: 1, b: 2, c: 3};
const arr = Object.entries(obj);

console.log(arr);

运行结果：

[['a', 1], ['b', 2], ['c', 3]]

这段代码将对象 obj 转为一个键值对的数组，每个键值对又是一个数组，第一个元素是键，第二个元素是对应的值。

方法四：手动遍历

除了使用现有的方法外，我们还可以通过手动遍历对象的属性来转换为数组。

示例代码如下：

const obj = {a: 1, b: 2, c: 3};
const arr = [];

for (const key in obj) {
  if (obj.hasOwnProperty(key)) {
    arr.push(obj[key]);
  }
}

console.log(arr);

运行结果：

[1, 2, 3]

这段代码通过 for...in 循环遍历对象 obj 的属性，将属性对应的值依次添加到数组中，实现了对象到数组的转换。

总结

通过本文介绍的几种方法，你可以灵活地将对象转为数组，并根据具体的需求选择合适的方法。虽然每种方法实现的效果相同，但在实际应用中，可能会因为数据结构或需求的不同而选择不同的方法。

JS 将对象转为数组