如何使用javascript过滤复杂的json对象

How to Filter a complex json object using javascript?

本文关键字：json 对象 复杂 过滤 何使用 javascript      更新时间：2023-09-26

我有以下json对象：

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",
    }]
};

如何过滤此对象并保留home_id=2的HOMES属性？

结果：

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

有没有什么方法可以循环对象并覆盖所有属性（还有阁楼和阁楼）？

感谢

您可以使用Array#filter并将结果直接分配给属性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>');

使用实用程序库Lodash，可以使用方法查找home_id是否唯一。

Find：在collection（数组|对象）的元素上迭代，返回第一个元素predicate返回truthy for。谓词由三个参数调用：（value，index|key，collection）。

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

代码：

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>

如果有多个对象具有相同的home_id，则应该制作一个过滤器：

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

Filter：遍历collection（Array | Object）的元素，返回所有元素的数组谓词返回truthy for。谓词由三个参数调用：（value，index|key，collection）。

代码：

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>

相关文章：