如何为以下代码行修复 Eslint “no-return-assign”

Question

此代码运行正确（将对象数组转换为对象对象）

ES-lint 然而给出了这个错误：

[eslint] 箭头函数不应返回赋值。 （无返回分配）

请问如何重写以满足 es-lint

var x = arr.reduce((obj, item) => (obj[item.userid] = item, obj), {})

Answer 1

你可以使用Object.assign

var x = arr.reduce((obj, item) => Object.assign(obj, {[item. userid]: item}), {})

Answer 2

就我个人而言，我喜欢代码更冗长一些，因为单行代码在今天看起来非常聪明，但是下周当我必须回来修复同一个地方的错误时，它需要一段时间才能理解我在做什么，更不用说是否必须由其他人来修复它。

我会这样写：

var x = arr.reduce((obj, item) => {
    obj[item.userid] = item;
    return obj;
}, {});

---

这里有一个带有一些虚拟数据的 sn-p 来测试它。

var arr = [
        {userid: 11},
        {userid: 12},
        {userid: 13},
        {userid: 14},
    ];

var x = arr.reduce((obj, item) => {
    obj[item.userid] = item;
    return obj;
}, {});

console.log(x);