JavaScript - 如何遍历对象数组以创建一个新对象，其键是原始对象的初始键/值对的值

Question

这是我的情况：

我必须实现一个函数“mapById”，当给定一个对象数组时，它返回一个对象，其中键是输入对象的id，值是相应的输入对象。

var input = [{id: 102, name: "Alice"},
             {id: 205, name: "Bob", title: "Dr."},
             {id: 592, name: "Claire", age: 32}];

console.log(mapById(input));

应该给出以下结果：

102: {id: 102, name: "Alice"},
205: {id: 205, name: "Bob", title: "Dr."},
592: {id: 592, name: "Claire", age: 32}

这是我迄今为止的功能：

function mapById(list) {
    var obj = {};
    var objectKey = '';
    list.forEach(function(item) {
        objectKey = (Object.values(item)[0]);
        var obj = {[objectKey]: item};
    });
    return obj;
}

我可以为原始数组中的每个对象获取一个新的键/值对，但我无法弄清楚如何将每个新的键/值对添加到新对象。

ObjectKey: 102
item: { id: 102, name: 'Alice' }
obj: { '102': { id: 102, name: 'Alice' } }
ObjectKey: 205
item: { id: 205, name: 'Bob', title: 'Dr.' }
obj: { '205': { id: 205, name: 'Bob', title: 'Dr.' } }
ObjectKey: 592
item: { id: 592, name: 'Claire', age: 32 }
obj: { '592': { id: 592, name: 'Claire', age: 32 } }

我怎样才能解决这个问题？ 如果这是一个数组我可以使用'推'方法。 对象有类似的方法吗？ 我需要关闭吗？ 我知道这是基本的东西，但我对javascript很新。

谢谢。

Answer 1

你其实非常接近：

function mapById(list) {
    var obj = {};
    list.forEach(function(item) {
        obj[item.id] = item;
    });
    return obj;
}

我该怎么做：

 const result = Object.assign(...input.map(el => ({[el.id] : el})));

Answer 2

使用Array.prototype.reduce（） ：

 var input = [{id: 102, name: "Alice"}, {id: 205, name: "Bob", title: "Dr."}, {id: 592, name: "Claire", age: 32}] var output = input.reduce(function(accumulator, item) { accumulator[item.id] = item return accumulator }, {}) console.log(output) 

Answer 3

var output = input.reduce(function(m,x,i) {
  m[x.id] = x
  return m
}, {})

reduce函数允许您在迭代数组时构建单个对象。 注意最后一个参数{} ，它将m初始化为空对象。