javascript - 有没有办法防止未定义的javascript变量在插入html时显示 'undefined'？

Question

我将存储在 javascript 变量中的文本附加到 div 元素中。问题在于，根据情况，该变量中可能存储也可能不存储文本。如果没有，我最终会得到文本“未定义”，而有效文本本应位于 div 中。

举个例子:

htmlelement.innerhtml = '<h2>'+array.object.title+
                        '</h2><p>'+array.object.textField1+
                        '</p><p>'+array.object.textField2+
                        '</p><p>'+array.object.textfield3+'</p>';

这显示在一个函数中，该函数将为数组中的每个对象运行。并非所有对象在所有 3 个文本字段中都有内容。

那么有没有一种简单的方法可以防止'undefined'被打印出来呢？

现在我在上一行之前有这个:

if (!array.object.textfield1) {
    array.object.textfield1 = ' ';
}
if (!array.object.textfield2) {
    array.object.textfield2 = ' ';
}
if (!array.object.textfield3) {
    array.object.textfield3 = ' ';
}

但如果需要检查的变量很多，这不是一个实用的解决方案。

Answer 1

你能用logical operator ||吗？ ？

array.object.textField1||''

注意:请务必注意 0 或任何其他 falsy 值。