📜  如何使用 JavaScript 将 Object 的数组转换为数组?(1)

📅  最后修改于: 2023-12-03 15:08:20.383000             🧑  作者: Mango

如何使用 JavaScript 将 Object 的数组转换为数组?

在 JavaScript 中,我们可以使用 Object.keys()Array.prototype.map() 方法将 Object 的数组转换为数组。下面是具体的步骤:

  1. 使用 Object.keys() 方法将 Object 的键名提取出来,并组成一个由键名组成的数组。
const items = {
  item1: 'apple',
  item2: 'orange',
  item3: 'banana',
};

const keys = Object.keys(items);

console.log(keys); // ['item1', 'item2', 'item3']

上面的代码中,我们将一个包含三个键值对的 Object 赋值给变量 items,然后使用 Object.keys() 方法将其键名提取出来,返回一个数组 ['item1', 'item2', 'item3']

  1. 使用 Array.prototype.map() 方法遍历数组,返回新的数组元素。
const items = {
  item1: 'apple',
  item2: 'orange',
  item3: 'banana',
};

const keys = Object.keys(items);

const values = keys.map((key) => items[key]);

console.log(values); // ['apple', 'orange', 'banana']

上面的代码中,我们使用 keys.map() 方法遍历键名数组,并使用箭头函数返回对应键名的值。最终,返回一个包含所有值的新数组 ['apple', 'orange', 'banana']

综上所述,我们可以使用 Object.keys() 方法和 Array.prototype.map() 方法将 Object 的数组转换为数组。

const items = {
  item1: 'apple',
  item2: 'orange',
  item3: 'banana',
};

const keys = Object.keys(items);

const values = keys.map((key) => items[key]);

console.log(values); // ['apple', 'orange', 'banana']

除此之外,还可以使用 Object.values() 方法将 Object 的值提取出来,直接返回一个包含所有值的数组。例如:

const items = {
  item1: 'apple',
  item2: 'orange',
  item3: 'banana',
};

const values = Object.values(items);

console.log(values); // ['apple', 'orange', 'banana']

Object.values() 方法会将 Object 中的所有值提取出来,返回一个数组。如果只需要 Object 的一部分值,还是需要使用 Object.keys() 方法和 Array.prototype.map() 方法组合起来使用。