web-dev-qa-db-fra.com

Comment filtrer un objet json complexe en utilisant javascript?

J'ai l'objet json suivant:

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

Comment puis-je filtrer cet objet et rester avec la propriété HOMES où home_id = 2?

Résultat:

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

Existe-t-il un moyen de faire défiler l'objet et de mantein toutes les propriétés (aussi lofts et maisons)?

Merci

javascriptjqueryjsonfilter
18
Codrina Valo

Vous pouvez utiliser Array#filter et affectez le résultat directement à la propriété 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>');
17
Nina Scholz

Avec l'utilisation de la bibliothèque d'utilitaires Lodash , vous pouvez utiliser la méthode find si home_id Est unique.

Find : Itère sur les éléments de collection (Array | Object), renvoyant le premier élément predicate renvoie true pour. Le prédicat est invoqué avec trois arguments: (valeur, index | clé, 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>

S'il y a plusieurs objets avec le même home_id, Vous devez faire un filtre :

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

Filtre : Itère sur les éléments de collection (Array | Object), renvoyant un tableau de tous les éléments, le prédicat renvoie true pour. Le prédicat est invoqué avec trois arguments: (valeur, index | clé, 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>
5
Yosvel Quintero