js 将对象转换为数组

用到的方法有：Object.keys()、Object.values() 、Object.entries() 和 map()混合、for...in

1，Object.keys() 方法：

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

2，Object.values() 方法：

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

3，Object.entries() 和 map()： 将对象的键值对转换为数组的元素

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

// 情况二：
const data = {
  a: { name: "a", index: 7 },
  b: { name: "b", index: 3 },
  c: { name: "c", index: 5 }
};
 
// 将对象转换为数组
const dataArray = Object.entries(data).map(([key, value]) => ({
  key,
  ...value,
}));
 
/* 输出：
[
    { key: "a", name: "a", index: 7 },
    { key: "b", name: "b", index: 3 },
    { key: "c", name: "c", index: 5 },
];
 */

4，使用for...in循环迭代对象属性：

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

参考链接：134154442