Kiểm tra xem đối tượng là trống rỗng với JavaScript/jQuery

Question

tôi có một đối tượng như thế này:

ricHistory = { 
    name1: [{ 
    test1: value1, 
    test2: value2, 
    test3: value3 
    }], 
    name2: [{ 
    test1: value1, 
    test2: value2, 
    test3: value3 
    }] 
}; 

Bây giờ tôi muốn kiểm tra xem ví dụ name2 rỗng với Javascript/jQuery. Tôi biết phương pháp hasOwnProperty. Nó hoạt động cho data.hasOwnProperty('name2') chỉ khi tên tồn tại hay không, nhưng tôi phải kiểm tra xem nó có trống không.

Answer 1

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

if (ricHistory.name2 && 
    ricHistory.name2 instanceof Array && 
    !ricHistory.name2.length) { 
    console.log('name2 is empty array'); 
} else { 
    console.log('name2 does not exists or is not an empty array.'); 
} 

Các giải pháp trên sẽ cho bạn biết richHistory.name2 tồn tại, là một mảng và nó không có sản phẩm nào.

Answer 2

Hãy thử chức năng này hữu ích:

function isEmpty(obj) { 
if(isSet(obj)) { 
    if (obj.length && obj.length > 0) { 
     return false; 
    } 

    for (var key in obj) { 
     if (hasOwnProperty.call(obj, key)) { 
      return false; 
     } 
    } 
} 
return true;  
}; 

function isSet(val) { 
if ((val != undefined) && (val != null)){ 
    return true; 
} 
return false; 
}; 

Answer 3

if (ricHistory.name2 === undefined) { 
    //This is property has not been set (which is not really the same as empty though...) 
} 

Answer 4

bạn có thể làm điều này bằng jQuery.isEmptyObject()

Kiểm tra để xem nếu một đối tượng là trống rỗng (không chứa các thuộc tính).

jQuery.isEmptyObject(object) 

Ví dụ:

jQuery.isEmptyObject({}) // true 
jQuery.isEmptyObject({ foo: "bar" }) // false 

from Jquery

Answer 5

Bạn có thể rút ngắn isSet bằng cách làm này để thay thế:

function isSet(val) { return ((val != undefined) && (val != null));} 

Tôi tìm thấy nó dễ dàng hơn để chỉ trả lại boolean của statement bàn giao và sau đó trở về.

Answer 6

Một cú pháp khác từ JQuery mà bạn không sử dụng Prototype hoặc tương tự và bạn thích sử dụng tiền tố $ chứ không phải jQuery;

$.isEmptyObject(object) 

Answer 7

tôi đi như thế này tất cả các thời gian trong mã của tôi:

Giả sử điều khiển của tôi trả về một cái gì đó như dưới đây:

$return['divostar'] = $this->report->get_additional_divostar_report($data); 
$return['success'] = true; 
return response()->json($return); 

Trong Jquery, tôi sẽ kiểm tra như dưới đây:

if (jQuery.isEmptyObject(data.divostar)){ 
     html_result = "<p id='report'>No report yet</p>"; 
     $('#no_report_table').html(html_result).fadeIn('fast'); 
} 

Answer 8

Bạn cũng có thể sử dụng thành phần này object-empty có thể tái sử dụng để xác định xemTham chiếutrống.

Ví dụ:

empty([]) // => true 
empty({}) // => true 
empty(1) // => false 
empty('') // => false 
empty('foo') // => true 

Cách hoạt động:

function isEmpty(obj: any): boolean { 
    for (const n in obj) if (hasOwnProperty(obj, n) && obj[n]) return false; // eslint-disable-line 
    return true; 
};