Không hiển thị null từ giá trị của đối tượng JavaScript

Question

Tôi đang tìm cách hiệu quả nhất để xuất empty string thay vì "null" cho giá trị null. Có cách nào để thực hiện điều này mà không có câu lệnh có điều kiện (ví dụ: if hoặc ternary (? :) nhà điều hành).

mẫu mã như sau:

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

khi item.PhoneNumber is null, trang này hiển thị với một chuỗi "rỗng" bên trong SearchResults div, thay vào đó tôi muốn trở thành trống.

Answer 1

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

Với $.trim (bất ngờ chuyển đổi null và undefined để chuỗi rỗng):

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

bất ngờ vì đó là cả unintuitive và không có giấy tờ.

Answer 2

Hãy thử điều này,

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

Answer 3

Nếu bạn đang thực sự quyết tâm không sử dụng một ternary if hoặc để đánh giá biến, sau đó có khả năng sử dụng các || điều hành:

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

Nhưng, một cách trung thực, chỉ cần sử dụng một nhà điều hành có điều kiện, đó là ý nghĩa của chúng và giúp thực thi một số lượng bảo mật nhất định trong quá trình thực thi và đầu ra của tập lệnh của bạn.

Answer 4

Without JQuery:

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