javascript - 如何将嵌套数组转换为对象

Question

我想从仅 2 层深的嵌套数组创建一个对象。我想出的函数返回

[{ key1: 'value1', key2: 'value2' }]

而不是

[{ key1: 'value1' }, {key2: 'value2' }]

我还尝试将 if 语句替换为 obj[elem[0]] = elem[1];但得到相同的结果。

如何为每个嵌套数组创建单独的对象？

var array = [["key1", "value1"], ["key2", "value2"]]

function nestedArrToObj(array){

  let obj = {};

  for (let i=0; i < array.length;i++) {
    let elem = array[i];

    if (!(obj[elem[0]])) {
      obj[elem[0]] = elem[1]
    }
  }

  return [obj];
}

Answer 1

使用函数map

let array = [["key1", "value1"], ["key2", "value2"]];
let result = array.map(([key, value]) => ({[key]: value}));

console.log(result)

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

使用函数reduce

let array = [["key1", "value1"], ["key2", "value2"]];
let result = array.reduce((a, c) => {
  let [key, value] = c;
  return [...a, {[key]: value}];
}, []);

console.log(result)

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

跨浏览器和后端技术兼容的方法:

var array = [["key1", "value1"], ["key2", "value2"]];

var result = [];
for(var a of array) {
  var value = a.pop();
  var key = a.pop();
  
  var object = {};
  object[key] = value;
  
  result.push(object);
}

console.log(result)

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