使用扩展运算符设置键名

Question

是否可以动态设置键名到展开操作符？

例如我有：

'first, second, third'.split(',');
// Array(3) : [ 'first', 'second', 'third' ]

我想要一个这样的对象

{ 'first': 'first', 'second': 'second', 'third': 'third' }

现在通过这样做，我得到：

{ ...'first, second, third'.split(',') };
// { 1: 'first', 2: 'second', 3: 'third' }

我可以动态设置它还是我必须迭代并在此时手动执行？

我最终将这两个答案结合起来使用：

const toObject = str => Object.assign(...str.split(/\s*,\s*/).map(key => ({ [key]: key })));

Answer 1

您可以将键/值对列表传播到对象分配中：

  Object.assign(...'first, second, third'.split(',').map(key => ({[key]: key})))

Answer 2

乔纳斯的解决方案很聪明。我喜欢。这是另一种选择：

function toObject(str) {
  const parts = str.split(/\s*,\s*/);
  return parts.reduce((obj, part) => {
    obj[part] = part;
    return obj;
  }, {});
}

console.log(toObject('first, second, third'));

请注意，我使用split(/\s*,\s*/) 而不是split(',') 来消除部分之间的空白。

如果你喜欢这样的事情，这可以简化为以下单行：

const toObject = str =>
  str.split(/\s*,\s*/).reduce((o, p) => (o[p] = p, o), {});

console.log(toObject('first, second, third'));