Rendern Sie nicht Null von JavaScript-Objekt Wert

Question

Ich bin auf der Suche nach dem effizientesten Weg zur Ausgabe empty string anstelle von "null" für null Werte. Gibt es eine Möglichkeit, dies zu tun ohne bedingten Anweisungen (d. H. if oder ternary (? :) Betreiber).

Codebeispiel wie folgt:

$.each(data, function(index, item) { 
    return $("div#SearchResults").append(item.PhoneNumber); 
} 

wenn item.PhoneNumber is null, die Seite mit einem String macht "null" innerhalb der SearchResults div, anstatt wollte ich leer sein.

Answer 1

$.each(data, function(index, item) { 
    return $("div#SearchResults").append(item.PhoneNumber || ""); 
} 

Mit $.trim (unerwartet konvertiert null und undefined zu leeren String):

$.each(data, function(index, item) { 
    return $("div#SearchResults").append($.trim(item.PhoneNumber)); 
} 

unerwartet, weil es beide nicht intuitiv und ohne Papiere ist.

Answer 2

die Sie interessieren,

$.each(data, function(index, item) { 
    return $("div#SearchResults").append(item.PhoneNumber?item.PhoneNumber:""); 
} 

Answer 3

Wenn Sie wirklich entschlossen sind keine if oder ternäre zu verwenden, um die Variable zu bewerten, dann gibt es die Möglichkeit der Nutzung des || Betreiber:

$.each(data, function(index, item) { 
    return $("div#SearchResults").append(item.PhoneNumber || ''); 
} 

Aber, ehrlich gesagt, verwenden nur einen bedingten Operator, Es ist genau das, wofür sie bestimmt sind, und hilft, eine gewisse Sicherheit in der Ausführung und Ausgabe Ihres Skripts zu erzwingen.

Answer 4

Ohne JQuery:

$.each(data, function(index, item) { 
    return $("div#SearchResults").append([item.PhoneNumber].join('')); 
}