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

Question

我有一个这样的 CSS 文本声明数组：['display: none ', 'opacity: 0.1', ' color: #ff0000']

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

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

edit：我有一个 working 错误的示例，但它似乎过于复杂并且无法达到目的（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.@987654321@:

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);