基于第一个值作为键和第二值创建一个对象数组，作为JavaScript中的值

Question

示例输入：

[{'size': '56 X 56 X 190', 'no_of_ups': 5}, {'size': '65 X 55 X 110', 'no_of_ups': 2}]

对应的OUPUT：

[{'56 X 56 X 190': 5}, {'65 X 55 X 110': 2}]

如何从具有固定数量的键的对象的输入数组中创建一个对象数组，并创建具有键值的新的对象数组，该数组将密钥的certail值作为键和certail值作为该密钥的值。

基本上，我们希望将对象的输入数组转换为'size'的值，为'no_of_ups'的值。

Answer 1

这样做的最可读性方法之一可能是在正常的JavaScript中。

const output = input.map(({ size, no_of_ups }) => ({ [size]: no_of_ups }));

expression （{size，no_of_ups}）=＆gt; （{[[size]：no_of_ups}）可能有点令人困惑，但只是一个普通的 arrow函数。

（{size，no_of_up}）定义了参数。在这种情况下，我们将破坏进入大小和no_of_ups。

（{[size]：no_of_up}）是箭头函数的返回值。我们将使用要动态设置密钥的值并为其分配no_of_ups的值。

参见 ecmascript 6箭头函数，返回对象出于此原​​因为什么必须将返回对象包裹在括号中。

Answer 2

（如果参数的顺序看起来很奇怪，那是因为我假设[lodash/fp模块]
这是您要在参数上执行的函数：

f = _.compose(_.spread(_.zipObject), 
              _.unzip,
              _.map(_.over(['size', 'no_of_ups'])));

这​​是在行动中：

arr = [{'size': '56 X 56 X 190', 'no_of_ups': 5}, {'size': '65 X 55 X 110', 'no_of_ups': 2}];
f = _.compose(_.spread(_.zipObject), 
              _.unzip,
              _.map(_.over(['size', 'no_of_ups'])));
console.log(f(arr))

<script src="https://cdn.jsdelivr.net/g/lodash@4(lodash.min.js+lodash.fp.min.js)"></script>

这是一些解释：

• _。MAP（_。over（['size'，'no_of_ups']）））运行_。over（['size'，'no_of_ups'] ）在每个元素上，
  • 和_。_。元素并将两个结果放入数组），因此您会得到一系列数组，在这种情况下，[[“ 56 x 56 x 190”，5]，[“ 65 x 55 x 110”，2] ];

  


  


• 然后_。unzip从根本上转置数组数组，在这种情况下为您提供[[“ 56 x 56 x 190”，“ 65 x 55 x 110”]，[5，2] ]
• 最后_。vrize（_。zipobject）将两个内部数组作为逗号分隔的参数馈送到_。zipobject，它将构造在两个数组中的对象，使用它们作为键和值数组，从而为您提供最终结果。

---

如果您真的想要一个对象而不是一个对象，则可以更改_。ZipObject _。zipwith（（（x，x，y）=＆gt;（{[x]：y） }））。

Answer 3

Input - [
  {
    'size': '56 X 56 X 190',
    'no_of_ups': 5
  }, {
    'size': '65 X 55 X 110',
    'no_of_ups': 2
  }
]

Input.forEach((val) => { 
  j = {};
  j[val[size]] = val[no_of_ups];
  Output.push(j)
});