如何将对象转换为键值对对象数组及实现逆向转换？

对象转单键对象数组 #

针对输入对象 input = {a:1, b:2, c:3}，可以借助 Object.entries() 结合 map() 完成转换：

const input = {a:1, b:2, c:3};
const arr = Object.entries(input).map(([key, value]) => ({ [key]: value }));
// 输出结果: [{ a: 1 }, { b: 2 }, { c: 3 }]

Object.entries() 会把原对象拆解为键值对数组，再通过 map() 遍历每个键值对，利用计算属性名生成仅包含当前键值对的独立对象。

单键对象数组转对象 #

逆向转换有两种简洁实现方式：

方式1：使用 Object.assign #

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

...arr 将数组展开为多个对象参数，Object.assign() 会把这些对象的属性依次合并到初始空对象中。

方式2：使用 Array.reduce #

const arr = [{ a: 1 }, { b: 2 }, { c: 3 }];
const obj = arr.reduce((acc, current) => ({ ...acc, ...current }), {});
// 输出结果: {a:1, b:2, c:3}

reduce() 从空对象开始累加，每次将数组中的单键对象合并到累加器里，最终得到完整对象。

内容的提问来源于stack exchange，提问作者Junaid Raja