Javascript：如何连接将未定义或空值视为空的 2 个值

Question

这就是我要的：

var str = data + unit; // data:"2", unit: "rem", I want str: "223"
var str = data + unit; // data:"2", unit: null, I want  str: "2"
var str = data + unit; // data:"2", unit: undefined, I want  str: "2"
var str = data + unit; // data:undefined, unit: "rem", I want str: "rem"

输入和输出值在每行的注释中给出。 普通连接将“未定义”作为文字字符串附加。 我希望将未定义和空值视为空字符串

Answer 1

您可以使用 nullish 合并运算符将 null 或 undefined 转换为空字符串。

var str = (data ?? "") + (unit ?? "");

为了获得更好的浏览器支持，您可能希望改用逻辑或运算符。

var str = (data || "") + (unit || "");

Answer 2

你可以使用一个函数

const checkValue = value => value ? value :  '';
console.log(checkValue(null) + checkValue(null)) // ''

Answer 3

您可以在串联之前检查单位。 如果它的值是 undefined 或 null 将它设置为空，或者任何你想要的。 然后就可以串联了。

function concatenate(data, unit) {
    if(unit == undefined || unit == null) {
        unit = "";
    }
    return data + " " + unit;
}