Javascript Object转Array用法及代码示例

在本文中，我们将学习如何将对象转换为数组JavaScript。给定一个对象，任务是将对象转换为 JavaScript 中的数组。对象和数组是两种基本的数据结构。有时，出于各种原因，有必要将对象转换为数组，例如更容易迭代或与某些需要数组的函数兼容。

以下是在 JavaScript 中将对象转换为数组的方法。

使用将对象转换为数组对象.keys()方法

Object keys()方法返回给定对象的可枚举属性名称的数组。

Object.keys(obj)接受一个对象对象作为参数并返回一个包含对象键的数组。
对象的值包含在结果数组中。

const obj = {
    company: 'GeeksforGeeks',
    contact: '+91-9876543210',
    city: 'Noida'
};

const keysArray = Object.keys(obj);
console.log(keysArray);

输出

[ 'company', 'contact', 'city' ]

使用将对象转换为数组对象.values()方法

Object values()方法返回给定对象自己的可枚举属性值的数组。

Object.values(obj)返回一个包含对象值的数组。
对象的键包含在结果数组中。

const obj = {
    company: 'GeeksforGeeks',
    contact: '+91-9876543210',
    city: 'Noida'
};

const valuesArray = Object.values(obj);
console.log(valuesArray);

输出

[ 'GeeksforGeeks', '+91-9876543210', 'Noida' ]

使用将对象转换为数组对象.entries()方法

Object entries()方法返回给定对象自己的可枚举string-keyed属性的数组[核心值]对。

Object.entries(obj)返回一个数组数组，其中每个内部数组都是一个[核心值]与原始对象配对。
当您需要结果数组中对象的键和值时，此方法非常有用。

const obj = {
    company: 'GeeksforGeeks',
    contact: '+91-9876543210',
    city: 'Noida'
};

const entriesArray = Object.entries(obj);
console.log(entriesArray);

输出

[
  [ 'company', 'GeeksforGeeks' ],
  [ 'contact', '+91-9876543210' ],
  [ 'city', 'Noida' ]
]

使用将对象转换为数组为…在环形

您还可以使用为…在 循环遍历对象的属性并构造一个数组。

为…在循环遍历对象的属性。
hasOwnProperty() 方法检查对象是否将指定属性作为其自己的属性(不是继承的)。
Array push()方法用于添加[核心值]与数组配对。

const obj = {
    company: 'GeeksforGeeks',
    contact: '+91-9876543210',
    city: 'Noida'
};

const arrayFromObj = [];

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

console.log(arrayFromObj);

输出

[
  [ 'company', 'GeeksforGeeks' ],
  [ 'contact', '+91-9876543210' ],
  [ 'city', 'Noida' ]
]

相关用法

注：本文由纯净天空筛选整理自vkash8574大神的英文原创作品 How to Convert Object to Array in JavaScript?。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。