Javascript 数组不打印空值

Question

下面的代码包含 3 个数组，有时绿色数组将完全为空 我如何做到这一点，以便当我组合所有数组并循环遍历 foreach 时它不会打印未定义的值？任何帮助将不胜感激。

var blue = job['blue-color'];
var red = job['red-color'];
var green = job['green-color']; 
var colors = blue .concat(red,green);


var colorbooks = '<div">';
$.each(colors, function (index) {
  colorbooks += '<div">' + colors[index] + '</div>';
});
colorbooks+= '</div>';

Answer 1

您可以在打印之前检查您的值是否真实:

var blue = job['blue-color'] || [];
var red = job['red-color'] || [];
var green = job['green-color'] || [];
var colors = blue.concat(red, green);


var colorbooks = '<div">';
$.each(colors, function(index) {
                            //If it's undefined, it will print an empty String instead
  colorbooks += '<div">' + (colors[index] || '') + '</div>';
});
colorbooks += '</div>';

正如 @Margon 在评论中建议的那样，如果 job['XXX-color'] 未定义，您也可以为您的变量分配一个空数组:var blue = job['blue-color'] || [];