javascript - 将数组拆分成对并打包成对象

Question

我有一个带有 CSS 文本声明的数组，如下所示：['display: none ', 'opacity: 0.1', ' color: #ff0000']

我想将它们拆分为对象键/值表示法，因此最终结果如下：

{
  display: 'none',
  opacity: 0.1,
  color: '#ffffff'
}

编辑：我有一个工作错误的例子，但它似乎过于复杂，它没有达到目的（d'oh）。你有工作的吗？

cssStyleDeclarations.map(function(item) {
  var x = item.split(':');
  var ret = {};
  ret[x[0].trim()] = x[1].trim();

  return ret;
});

它将它作为数组返回，每个条目都有一个对象（[Object, Object, Object]），但我希望它作为一个纯对象。

Answer 1

签出：Array.prototype.reduce()

var input = ['display: none ', 'opacity: 0.1', ' color: #ff0000'];

var css = input.reduce((p, c) => {
  var x = c.split(':');
  p[x[0].trim()] = x[1].trim();
  return p;
}, {});

console.log(css);