来个 js 大牛,如何简洁的处理这种数组转换成对象?

Question

有这样一个 Array,
[{key:xxx},{value:xxx}]

key value是固定的属性

[
    {key:'alan',value:12},
    {key:'mike',value:18}
]

期望值

{alan:12,mike:18}

希望不借助新的变量,简洁优雅一些~

Answer 1

其实所谓简洁，无非就是找现成的功能函数替换掉一堆逻辑代码……所以，自己封个工具函数，一句调用是最简洁的！

const data = [
    { key: "alan", value: 12 },
    { key: "mike", value: 18 }
];

// 就这句话，换行主要是为了看清楚，可以不换
const result = Object.fromEntries(
    data.map(({ key, value }) => [key, value])
);

console.log(result);

Answer 2

[{key:'alan',value:12},{key:'mike',value:18}].reduce((res, o) => (res[o.key] = o.value, res), {})

Answer 3

刚学的fromEntries方法

const data = [
    {key:'alan',value:12},
    {key:'mike',value:18}
]

Object.fromEntries(data.map( res => [res.key,res.value]))

Answer 4

const data = [
    { key: "alan", value: 12 },
    { key: "mike", value: 18 }
];
const result = data.map((item) => ({[item.key]: item.value}))

Answer 5

const data = [
    { key: "alan", value: 12 },
    { key: "mike", value: 18 }
];
var ans = {};
data.map(({ key, value }) => [key, value]).forEach(item => {
    ans[item[0]]=item[1]
});
console.log(ans);

如果知道系统方法就用系统的，不知道系统方法就自己用传统方法。

Answer 6

可以考虑使用Object.fromEntries

Object.fromEntries(data.map(({key, value}) => [key, value]))