Wie undefiniert zu entfernen, während zeigen json Daten

Question

I Kundenliste in jquery Benutzer am Iterieren richtig jeweils wie folgt

$.post("customer", {param: cid, order: order}, function (data) { 
        console.log(data); 
       $.each(data.customerList, function (i, obj) { 
         $("#" + tid).append('<tr><td>' + (i + 1) + '</td><td>' + obj.customerName + '</td><td>' + obj.address + '</td>' 
           + '<td>' + obj.city + '</td><td>' + obj.state + '</td><td>' + obj.country + '</td><td>' + obj.mobno + '</td></tr>'); 
        }); 

Dieser Code funktioniert einwandfrei und Abrufen von Daten. Mein Problem ist es zeigt undefiniert für Null-Felder. wie Sie dieses Problem lösen.

Answer 1

Verwendung || "":

$.post("customer", {param: cid, order: order}, function (data) { 
    console.log(data); 
    $.each(data.customerList, function (i, obj) { 
     $("#" + tid).append('<tr><td>' + (i + 1) + '</td><td>' + (obj.customerName || "") + '</td><td>' + (obj.address || "") + '</td>' 
     + '<td>' + (obj.city || "") + '</td><td>' + (obj.state || "") + '</td><td>' + (obj.country || "") + '</td><td>' + (obj.mobno || "") + '</td></tr>'); 
    }); 

Wenn das Feld leer ist, wird es einen leeren Wert gesetzt statt undefined

folgendes Beispiel:

var test = { 
 
    prop1: "Test value", 
 
    prop2: null, 
 
    prop3: undefined 
 
}; 
 

 
console.log(test.prop1 || "empty"); 
 
console.log(test.prop2 || "empty"); 
 
console.log(test.prop3 || "empty"); 
 
console.log(test.prop4 || "empty");