将对象数组转换为键值对对象

Question

这可能是 2 班轮，但由于某种原因，我碰壁了。

我想将对象数组转换为键值对对象。

所以：

var items = [
    {
      name: 'hello',
      value: ['one', 'two']
    },
    {
      name: 'hi',
      value: ['one', 'two', 'three']
    }
]

对此：

var items = {
    'hello': ['one', 'two'],
    'hi': ['one', 'two', 'three']
}

这真的是最优雅的方式吗？

const newObj = {};
items.forEach((item) => {
  newObj[item.name] = item.value;
});

我希望最好使用 ES6 箭头函数。另外，有人可以告诉我您是否认为以第一种格式或第二种格式操作这些数据更容易？ 对于上下文，我正在尝试自学拓扑排序。

Answer 1

我会用Array.prototype.reduce() 做到这一点，它更简洁，当然faster 比Object.fromEntries()：

const items = [{name:'hello',value:['one','two']},{name:'hi',value:['one','two','three']}], 

result = items.reduce((r,{name,value}) => (r[name]=value,r), {})

console.log(result)

.as-console-wrapper{min-height:100%;}

Answer 2

更简洁的方法是使用Object.fromEntries:

var items = [
    {
      name: 'hello',
      value: ['one', 'two']
    },
    {
      name: 'hi',
      value: ['one', 'two', 'three']
    }
];
const newObj = Object.fromEntries(
  items.map(({ name, value }) => [name, value])
);
console.log(newObj);

Answer 3

我不知道这是否更优雅，但我认为reduce 在这里有意义。

var items = [
    {
      name: 'hello',
      value: ['one', 'two']
    },
    {
      name: 'hi',
      value: ['one', 'two', 'three']
    }
];


const newObj = items.reduce((c, {value, name}) => {
  c[name] = value;
  return c;
}, {});

console.log(newObj);

Answer 4

使用Object.values 和Object.fromEntries 简化为一行

Object.fromEntries(items.map(item => Object.values(item)))

var items = [
  {
    name: "hello",
    value: ["one", "two"]
  },
  {
    name: "hi",
    value: ["one", "two", "three"]
  }
];

const res = Object.fromEntries(items.map(item => Object.values(item)));

console.log(res);

Answer 5

只需映射每个数组元素：

使用 map() 方法：

const newObj = {};
items.map( ( { name, value } ) => {
    newObj[name] = value;
});

编辑：

使用 forEach() 方法：

const newObj =
((obj) => {
    items.forEach(({ name, value }) => { obj [name] = value });
    return obj;
 })({});

JavaScript: Difference between .forEach() and .map()