javascript - 如何摆脱未定义？

Question

当我 console.log 下面的数组时，undefined 是每个数组项的一部分，我想知道为什么会这样以及如何摆脱它？

new_colors.addEventListener("click", function() {
    var rgb_guesses = new Array();
    for(var i = 0; i < color_squares.length; i++) {
        var rgb_value = "rgb" + "(" + random() + "," + " " + random() + "," + " " + random() + ")";
        color_squares[i].style.background = rgb_value;
        rgb_guesses[i] += rgb_value;
    }
    guess_rgb.textContent = color_squares[3].style.background;
    console.log(rgb_guesses);
});

Answer 1

你创建了一个空数组

所以，声明

rgb_guesses[i] += rgb_value; 

是

的简写

rgb_guesses[i] = rgb_guesses[i] + rgb_value;

现在因为数组是空的，rgb_guesses[i] 将是未定义的，直到你给它赋值......未定义的当被强制为一个字符串时，是“未定义的”

所以，您的代码相当于

rgb_guesses[i] = "undefined" + rgb_value;

由于您只为数组中的每个元素分配一个值，因此您可以将代码更改为简单

rgb_guesses[i] = rgb_value;

或者

rgb_guesses.push(rgb_value);