Non eseguire il rendering di null dal valore dell'oggetto JavaScript

Question

Sto cercando il modo più efficiente di produrre empty string anziché "null" per i valori null. C'è un modo per fare questo senza dichiarazioni condizionali (ad esempio if o ternario (? :)).

Esempio di codice come segue:

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

quando item.PhoneNumber is null, pagina rende con una stringa "nullo" all'interno del SearchResults div, invece ho voluto essere vuoto.

Answer 1

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

Con $.trim (converte inaspettatamente null e undefined a stringa vuota):

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

imprevisto perché è sia poco intuitivo e documentato.

Answer 2

Prova questo,

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

Answer 3

Se sei veramente deciso a non utilizzare un ternario if o per valutare la variabile, poi c'è la possibilità di utilizzare il || dell'operatore:

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

Ma, onestamente, basta usare un operatore condizionale, è ciò per cui sono pensati, e aiuta a rafforzare una certa sicurezza nell'esecuzione e nell'output dello script.

Answer 4

Senza JQuery:

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