JavaScript：使用for循环将嵌套数组存入对象时出现undefined问题

嘿，你的核心逻辑其实是对的！之所以得到undefined，问题出在没有初始化目标对象obj——如果直接给一个未声明/未赋值的变量添加属性，JS会无法正确识别这个对象，最终导致你拿到的结果不符合预期。

修正后的基础for循环实现 #

只需要先创建一个空对象，再执行你的循环逻辑就可以了：

var nestedArr = [['loop0', 0], ['loop1', 1], ['loop2', 2], ['loop3', 3], ['loop4', 4], ['loop5', 5]];
// 关键步骤：初始化空对象作为容器
var obj = {};
for(var j = 0; j < nestedArr.length; j++){
  obj[nestedArr[j][0]] = nestedArr[j][1];
}
console.log(obj); // 输出：{ loop0: 0, loop1: 1, loop2: 2, loop3: 3, loop4: 4, loop5: 5 }

更简洁的现代JS实现（推荐） #

如果用ES6+的语法，Array.reduce()方法可以更优雅地完成这个转换：

const nestedArr = [['loop0', 0], ['loop1', 1], ['loop2', 2], ['loop3', 3], ['loop4', 4], ['loop5', 5]];
// 利用解构赋值简化子数组的键值获取
const obj = nestedArr.reduce((acc, [key, value]) => {
  acc[key] = value;
  return acc;
}, {}); // 第二个参数是初始的空累加器对象

console.log(obj); // 同样得到目标对象

甚至可以写成一行极简版：

const obj = nestedArr.reduce((acc, [k, v]) => ({...acc, [k]: v}), {});

这个方法的原理是遍历数组的每一项，把每个子数组的键值对逐步添加到初始的空对象中，最终返回组装好的完整对象。

内容的提问来源于stack exchange，提问作者blah blahvah