使用 += 运算符未定义对象中的第一个元素

Question

我在对象中使用运算符 += 时遇到问题。 因为我必须动态更改变量，所以我使用对象作为变量。 但是，如果我使用 += 运算符，输出中的第一个元素总是未定义。我认为那是因为该对象被初始化为空。

防止输出该元素的最佳解决方案是什么？

这是我的示例代码：

var dynamicVariable = {};
var group = "apples";

for(var i = 1; i<5; i++)
{
 dynamicVariable[group] += " Apple" + i + "<br>";
}

document.getElementById("fruits").innerHTML = dynamicVariable[group];

jsFiddle

Answer 1

发生这种情况是因为dynamicVariable[group] 在您开始附加之前具有值undefined。 undefined + " Apple1" 是 "undefined Apple1"。

你需要先将其初始化为一个空字符串：

dynamicVariable[group] = "";
for(var i = 1; i<5; i++) {
    dynamicVariable[group] += " Apple" + i + "<br>";
}