通过for循环生成关联数组仅获单个元素，求完整生成方案

嘿，我一眼就看出问题出在哪啦！你当前的代码每次循环都会完全覆盖applicationTabId这个变量，把它重新赋值成一个只包含当前循环项的新对象，所以最后自然只剩最后一次循环的结果咯。

问题根源 #

你看这段代码：

applicationTabId = {[currentApp] : JSON.stringify(tabid)};

每次循环执行这行时，applicationTabId都会被替换成一个全新的对象，之前循环添加的内容全丢了。而且你一开始把它初始化成数组[]，但其实你要的是键值对结构，应该用对象{}才对。

修正后的代码 #

把初始化改成对象，然后在循环里给这个对象添加属性，而不是重新赋值整个对象：

// 初始化为空对象，不是数组
var applicationTabId = {};
for (var i = 0; i < tabs.length; i++) {
    var currentApp = tabs[i]['url'];
    var tabid = tabs[i]['id'];
    // 给对象添加新的键值对，而不是覆盖整个对象
    applicationTabId[currentApp] = JSON.stringify(tabid);
}

补充说明 #

• 如果tabid本身就是数字或字符串类型，其实没必要用JSON.stringify()，直接赋值applicationTabId[currentApp] = tabid;就行，除非你明确需要把它转成字符串格式。
• 如果你习惯用ES6的写法，也可以用Object.assign或者展开运算符，但对于简单的循环来说，直接赋值属性是最直观高效的方式。

比如假设你的tabs数组是这样的：

const tabs = [
  {url: 'amazon', id: 15},
  {url: 'google', id: 22},
  {url: 'github', id: 30}
];

修正后的代码运行后，applicationTabId就会变成：

{
  "amazon": "15",
  "google": "22",
  "github": "30"
}

这样就保留所有元素啦！

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