将此数组转换为单个对象的最简洁方法是什么？

Question

我只是在寻找将以下数组转换为以下对象格式的最简洁方法。非常感谢。

const item = [
  { address: '123 fake street' },
  { loan: 'no' },
  { property: 'no' }
]

const obj = {
    address: '123 fake street',
    loan: 'no',
    property: 'no'
}

- unicorn_surprise

---

请查看此答案：https://dev59.com/iGIj5IYBdhLWcg3wy4DH#67584636 - Maniraj Murugan

Answer 1

您可以使用 Object.assign() 和 展开语法 将对象数组转换为单个对象。

const item = [
  { address: '123 fake street' },
  { loan: 'no' },
  { property: 'no' }
]

const obj = Object.assign({}, ...item);
console.log(obj);

- Tanner Dolby

Answer 2

Reduce 和 spread 语法 是将数组转换为对象的一种简洁方式。

const item = [
  { address: '123 fake street' },
  { loan: 'no' },
  { property: 'no' }
]

let obj = item.reduce((pre, cur)=>{
    return {...pre, ...cur};
}, {});
    
// Result: obj={address: '123 fake street', loan: 'no', property: 'no'}

- LearnerAndLearn

Answer 3

只需使用简单的 for...of 循环遍历数组，使用 Object.entries 提取键/值对。然后，只需使用该信息更新空对象即可。

const item = [
  { address: '123 fake street' },
  { loan: 'no' },
  { property: 'no' }
];

const obj = {};

for (const el of item) {
  const [[key, value]] = Object.entries(el);
  obj[key] = value;
}

console.log(obj);

附加文档

• 解构赋值

- Andy

Answer 4

const arr = [{key:"address", value:"123 fake street"},{key:"loan", value:"no"},{key:"property", value:"no"}];
const object = arr.reduce(
  (obj, item) => Object.assign(obj, { [item.key]: item.value }), {});

console.log(object)

另一种解决方案，速度提高了99%（经jsperf测试）

const object = arr.reduce((obj, item) => (obj[item.key] = item.value, obj) ,{});

更简单的解决方案

// original
const arr = [ 
  {key:"address", value:"123 fake street"},
  {key:"loan", value:"no"},
  {key:"property", value:"no"}
];

//convert
const result = {};
for (var i = 0; i < arr.length; i++) {
  result[arr[i].key] = arr[i].value;
}

console.log(result);

- Anik Saha