javascript - 映射对象值时无返回分配

Question

我正在尝试创建一个对象，其键和值是另一个对象的键。但是我收到了一个 linting 错误:

ESLint: Arrow function should not return assignment.(no-return-assign)

const obj = {
  a: 1, b: 2, c: 3,
};
const options: {[key: string]: string} = {};
Object.keys(obj).map(i => options[i] = i);

Answer 1

JS 101。当您使用不带括号的箭头函数时，应始终将返回值放在右侧。如果你想运行 options[i] = i，你应该用括号括起来并使用 forEach 而不是 map。 map 返回另一个数组，其中包含内部提供的函数的所有返回值。

按如下方式修复它。

Object.keys(obj).forEach((i) => {
  options[i] = i;
});

但是，既然您说要使用另一个对象的值和键创建一个具有键和值的对象，则可以使用以下代码。

options = Object.keys(obj).reduce((prev, current) => {
  return {
    ...prev,
    current: obj[current],
  };
}, {});