js怎么去循环对象存为数组

使用JavaScript循环对象并将其存为数组的方法有多种，包括使用for...in循环、Object.keys()、Object.values()和Object.entries()等。 其中，最推荐的方法是使用Object.entries()，因为它可以同时获取对象的键和值，并且可以轻松地将其转换为数组。接下来，我们将详细描述其中一种方法，并在后续部分详细介绍其他方法。

要将JavaScript对象的键和值循环存为数组，你可以使用Object.entries()方法。它将对象的每个键值对转换为一个数组，然后你可以使用map()方法进一步处理这些数组。以下是详细步骤：

Object.entries()方法：此方法将对象的每个键值对转换为一个数组，并返回一个包含这些数组的数组。

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

使用map()方法：你可以使用map()方法将这些键值对数组转换为你需要的形式。

const result = entries.map(([key, value]) => {
    return {key, value}; 
});
console.log(result); // [{key: 'a', value: 1}, {key: 'b', value: 2}, {key: 'c', value: 3}]

一、`FOR...IN` 循环

for...in循环是最常用的循环对象的方法之一。它允许你遍历对象的所有可枚举属性。以下是一个示例：

const obj = {a: 1, b: 2, c: 3};
const arr = [];
for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
        arr.push({key: key, value: obj[key]});
    }
}
console.log(arr); // [{key: 'a', value: 1}, {key: 'b', value: 2}, {key: 'c', value: 3}]

在上面的代码中，for...in循环遍历对象的所有属性，并将每个键值对存入数组中。这里使用了hasOwnProperty方法来确保只处理对象自身的属性，而不包括继承的属性。

二、`OBJECT.KEYS()` 方法

Object.keys()方法返回一个由对象的可枚举属性组成的数组。你可以使用它来遍历对象的键并将其值存入数组中。

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

在上面的代码中，Object.keys()返回对象的键数组，然后使用map()方法将每个键值对转换为一个对象并存入数组中。

三、`OBJECT.VALUES()` 方法

Object.values()方法返回一个由对象的值组成的数组。虽然它不能直接获取键，但可以与其他方法结合使用。

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

在上面的代码中，我们先获取对象的键和值，然后使用map()方法将键值对转换为对象并存入数组中。

四、`OBJECT.ENTRIES()` 方法

Object.entries()方法将对象的每个键值对转换为一个数组，并返回一个包含这些数组的数组。然后可以使用map()方法进一步处理这些数组。

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

在上面的代码中，Object.entries()返回对象的键值对数组，然后使用map()方法将每个键值对转换为对象并存入数组中。

五、结合多个对象转换方法

有时，需要结合多个对象转换方法以实现更复杂的数据转换需求。以下是一个示例，展示如何结合Object.keys()和Object.values()方法来实现复杂的数据结构转换：

const obj = {a: 1, b: 2, c: 3, d: 4};
const keys = Object.keys(obj);
const values = Object.values(obj);
const arr = keys.map((key, index) => {
    return {
        id: index + 1,
        keyName: key,
        keyValue: values[index]
    };
});
console.log(arr); // [{id: 1, keyName: 'a', keyValue: 1}, {id: 2, keyName: 'b', keyValue: 2}, {id: 3, keyName: 'c', keyValue: 3}, {id: 4, keyName: 'd', keyValue: 4}]

在上面的代码中，我们结合使用Object.keys()和Object.values()方法，并使用map()方法将键值对转换为更复杂的对象结构。

六、项目管理中的应用

在项目管理中，特别是使用像PingCode和Worktile这样的项目管理系统时，将对象转换为数组可以帮助你更好地处理和显示数据。例如，在项目任务管理中，你可能需要将任务对象的属性存储为数组，以便在前端页面中进行渲染或在后端进行数据处理。

const tasks = {
    task1: {id: 1, name: 'Design', status: 'Completed'},
    task2: {id: 2, name: 'Development', status: 'In Progress'},
    task3: {id: 3, name: 'Testing', status: 'Pending'}
};
const taskArray = Object.entries(tasks).map(([key, value]) => {
    return {
        taskId: value.id,
        taskName: value.name,
        taskStatus: value.status
    };
});
console.log(taskArray); // [{taskId: 1, taskName: 'Design', taskStatus: 'Completed'}, {taskId: 2, taskName: 'Development', taskStatus: 'In Progress'}, {taskId: 3, taskName: 'Testing', taskStatus: 'Pending'}]

在上面的代码中，我们将任务对象的属性转换为数组，以便在项目管理系统中更方便地进行数据处理和显示。

七、总结

通过以上几种方法，你可以轻松地将JavaScript对象循环存为数组。最推荐的方法是使用Object.entries()，因为它可以同时获取对象的键和值，并且可以轻松地将其转换为数组。此外，结合使用Object.keys()和Object.values()方法也可以实现更复杂的数据结构转换。在实际项目管理中，尤其是在使用PingCode和Worktile等项目管理系统时，这些方法可以帮助你更好地处理和显示数据。

js怎么去循环对象存为数组

一、FOR...IN 循环

二、OBJECT.KEYS() 方法

三、OBJECT.VALUES() 方法

四、OBJECT.ENTRIES() 方法