Làm thế nào để lọc một đối tượng json phức tạp bằng cách sử dụng javascript?

Question

Tôi có đối tượng json sau:

var json = { 
    "Lofts": "none", 
    "Maisons": "2", 
    "HOMES": [{ 
     "home_id": "1", 
     "price": "925", 
     "num_of_beds": "2" 
    }, { 
     "home_id": "2", 
     "price": "1425", 
     "num_of_beds": "4", 
    }, { 
     "home_id": "3", 
     "price": "333", 
     "num_of_beds": "5", 
    }] 
}; 

Làm thế nào tôi có thể lọc đối tượng này và vẫn với HOMES tài sản nơi home_id = 2?

Kết quả:

var json = { 
    "Lofts": "none", 
    "Maisons": "2", 
    "HOMES": [{ 
     "home_id": "2", 
     "price": "1425", 
     "num_of_beds": "4", 
    }] 
}; 

Có cách nào tôi có thể chu kỳ đối tượng và mantein tất cả các thuộc tính (còn gác xép và maisons)?

Cảm ơn

Answer 1

Bạn có thể sử dụng Array#filter và gán kết quả trực tiếp đến tài sản HOMES.

var json = { "Lofts": "none", "Maisons": "2", "HOMES": [{ "home_id": "1", "price": "925", "num_of_beds": "2" }, { "home_id": "2", "price": "1425", "num_of_beds": "4", }, { "home_id": "3", "price": "333", "num_of_beds": "5", }] }; 
 

 
json.HOMES = json.HOMES.filter(function (a) { 
 
    return a.home_id === '2'; 
 
}); 
 

 
document.write('<pre>' + JSON.stringify(json, 0, 4) + '</pre>');

Answer 2

Với việc sử dụng thư viện tiện ích Lodash, bạn có thể sử dụng phương pháp find nếu home_id là duy nhất.

Tìm: Lặp lại các thành phần của collection (Array | Object), trả về phần tử đầu tiên predicate trả về giá trị thực. Vị từ được gọi với ba đối số: (value, index | key, collection).

_.find(collection, [predicate=_.identity]) 

Code:

var json = {"Lofts": "none","Maisons": "2","HOMES": [{"home_id": "1","price": "925","num_of_beds": "2"}, {"home_id": "2","price": "1425","num_of_beds": "4"}, {"home_id": "3","price": "333","num_of_beds": "5"}]}; 
 
json.HOMES = [_.find(json.HOMES, {home_id: '2'})]; 
 

 
document.write('<pre>' + JSON.stringify(json, 0, 4) + '</pre>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.12.0/lodash.min.js"></script>

Nếu có nhiều đối tượng với cùng home_id bạn nên thực hiện một filter:

_.filter(collection, [predicate=_.identity])

Bộ lọc: Lặp lại trên các thành phần của collection (Mảng | Đối tượng), trả về một mảng của tất cả các thuộc tính của các phần tử trả về độ trung thực cho. Vị từ được gọi với ba đối số: (value, index | key, collection).

Code:

var json = {"Lofts": "none","Maisons": "2","HOMES": [{"home_id": "1","price": "925","num_of_beds": "2"}, {"home_id": "2","price": "1425","num_of_beds": "4"}, {"home_id": "3","price": "333","num_of_beds": "5"}]}; 
 
json.HOMES = _.filter(json.HOMES, {home_id: '2'}); 
 

 
document.write('<pre>' + JSON.stringify(json, 0, 4) + '</pre>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.12.0/lodash.min.js"></script>