javascript - 嵌套数组操作

Question

我有以下两个数组：

var val = [['aa', 'ab', 'ac'], ['bb', 'bc', 'bd']];
var key = ['item1', 'item2', 'item3'];

通过使用任何 javascript 逻辑，我想获得以下格式的新数组。

[
  {item1: 'aa', item2: 'ab', item3: 'ac'},
  {item1: 'bb', item2: 'bc', item3: 'bd'}
]

我尝试使用 .forEach.map()来实现这一点，但不知何故我无法做到。

这是我尝试过的示例代码。https://plnkr.co/edit/oKyjNsBu3wrRin7TaCIb?p=preview

var val = [['aa', 'ab', 'ac'], ['bb', 'bc', 'bd']];
var key = ['item1', 'item2', 'item3'];
var newArr = val.map((elm,i)=>{
  return {[key[i]]: elm[i]}
})
console.log('newArr', newArr);

我需要如下输出。

[
  {item1: 'aa', item2: 'ab', item3: 'ac'},
  {item1: 'bb', item2: 'bc', item3: 'bd'}
]

标签： javascriptarraysobjectmultidimensional-arrayjavascript-objects

Answer 1

您可以使用.map()和.reduce()方法来获得所需的输出：

const vals = [['aa','ab','ac'],['bb','bc','bd']];
const keys = ['item1','item2','item3'];

const result = vals.map((val) => keys.reduce((r, c, i) => (r[c] = val[i], r), {}));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }