对象到数组 JavaScript

在 JavaScript 中，对象和数组是两个最常见的数据类型。有时候需要把对象转换成数组。本篇文章将介绍如何将 JavaScript 对象转换成数组，并给出范例代码。

Object.keys() 方法

Object.keys() 方法可以将对象中的所有属性名以数组的形式返回。

const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);
console.log(keys); // ['a', 'b', 'c']

Object.values() 方法

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]]

使用展开运算符

展开运算符可以将一个数组或类数组对象展开成一个新的数组。在对象中使用展开运算符可以将属性值展开成一个新的数组。

const obj = { a: 1, b: 2, c: 3 };
const values = [...Object.values(obj)];
console.log(values); // [1, 2, 3]

对象和数组的转换

可以将对象的键值对作为二元数组放在一个数组中，从而实现对象到数组的转换。

const obj = { a: 1, b: 2, c: 3 };
const arr = Object.entries(obj);
console.log(arr); // [['a', 1], ['b', 2], ['c', 3]]

可以使用 reduce() 方法将二元数组转换成对象。

const arr = [['a', 1], ['b', 2], ['c', 3]];
const obj = arr.reduce((acc, [key, value]) => {
  acc[key] = value;
  return acc;
}, {});
console.log(obj); // { a: 1, b: 2, c: 3 }

结语

本篇文章介绍了几种实现对象到数组转换的方法，包括 Object.keys() 方法、Object.values() 方法、Object.entries() 方法、使用展开运算符、数组和对象的转换。希望能帮助你在日常开发过程中更加灵活地处理数据。