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

JS对象转为数组

在JavaScript中，对象和数组是两种常见的数据结构。对象由一对{}包裹的key-value键值对组成，而数组则是由一对[]包括的多个元素组成。有时候，我们需要将一个对象转换为数组，这在处理数据时非常常见。本文将详细介绍如何将一个JS对象转换为数组。

方法一：使用Object.keys()和map()方法

我们可以使用Object.keys()方法获取对象的所有属性名（key），然后使用map()方法将这些属性名转换为对应的值。下面是一个示例代码：

// 定义一个对象
let obj = {
    name: 'Alice',
    age: 25,
    gender: 'female'
};

// 将对象转换为数组
let arr = Object.keys(obj).map(key => obj[key]);

console.log(arr); // ['Alice', 25, 'female']

在上面的代码中，首先定义了一个包含name、age和gender属性的对象obj。然后使用Object.keys(obj)方法获取对象obj的所有属性名，它返回一个包含属性名的数组。接着，我们使用map()方法遍历数组，将每个属性名对应的属性值放入新数组arr中。最终输出arr数组即为将对象转换为的数组。

方法二：使用Object.values()方法

除了方法一中使用Object.keys()方法，我们还可以使用Object.values()方法来直接获取对象的属性值，然后将其转换为数组。下面是示例代码：

// 定义一个对象
let obj = {
    name: 'Bob',
    age: 30,
    gender: 'male'
};

// 将对象转换为数组
let arr = Object.values(obj);

console.log(arr); // ['Bob', 30, 'male']

在上面的代码中，首先定义了一个包含name、age和gender属性的对象obj。然后使用Object.values(obj)方法直接获取对象obj的所有属性值，它返回一个包含属性值的数组。最终输出arr数组即为将对象转换为的数组。

方法三：使用Object.entries()方法

除了方法一和方法二，我们还可以使用Object.entries()方法获取对象的所有键值对组成的二维数组，然后再对二维数组进行处理转换为我们需要的一维数组。下面是示例代码：

// 定义一个对象
let obj = {
    name: 'Charlie',
    age: 35,
    gender: 'male'
};

// 将对象转换为数组
let arr = Object.entries(obj).map(([key, value]) => value);

console.log(arr); // ['Charlie', 35, 'male']

在上面的代码中，首先定义了一个包含name、age和gender属性的对象obj。然后使用Object.entries(obj)方法获取对象obj的所有键值对组成的二维数组，其中每个元素是一个数组，包含属性名和属性值。接着使用map()方法对二维数组进行处理，提取每个元素的第二个值（即属性值），形成新的一维数组arr。最终输出arr数组为将对象转换为的数组。