javascript - If/Else jQuery 跳过未定义的值

Question

我有这个链接选择框( demo )，使用 JSON 文件来填充基于 this script 的选项。

这是脚本:

$(window).bind('load', function() {
   $.getJSON('suggest.json', function(data){
        var $select = $('#mySelectID');

        $.each(data, function (index, o) {
            var $option = $("<option/>").attr("value", o.Box1ID + ":" + o.Box3).text(o.Box1 + "|" + o.Box2 + "|" + o.Box3);
            $select.append($option);
        });

        $("#mySelectID").dynamicDropdown({"delimiter":"|"});
    });
});

我在使用 if 语句跳过未定义的值时遇到问题。 JSON 文件是这样的:

[{"Box1":"A","Box1ID":"B","Box3":"C"},{"Box1":"E","Box1ID":"F","Box2":"G","Box3":"H"}] 

如果 Box2 不存在，我希望 var $option 为:

var $option = $("<option/>").attr("value", o.Box1ID + ":" + o.Box3).text(o.Box1 + "|" + o.Box3);

typeof undefined 在这里可以工作吗？但我不确定应该定义什么变量。

if (typeof var?? === 'undefined') {
    var $option = $("<option/>").attr("value", o.Box1ID + ":" + o.Box3).text(o.Box1 + "|" + o.Box3); } 
else {
    $("<option/>").attr("value", o.Box1ID + ":" + o.Box3).text(o.Box1 + "|" + o.Box2 + "|" + o.Box3);
}

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

您也可以这样做:

if (! data.Box2) {
    ...
}

未定义、null 和空字符串在 JavaScript 中都测试为 false。