Comment Filtrer un complexe d'objet json à l'aide de javascript?

J'ai le texte suivant objet 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",
    }]
};

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

Résultat:

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

Est-il possible que je puisse le cycle de l'objet et mantein toutes les propriétés( également lofts et maisons)?

Grâce

  • Est la propriété home_id une valeur unique pour tous les objets de la json.HOMES tableau?
InformationsquelleAutor Codrina Valo | 2016-05-15
  1. 17

    Vous pouvez utiliser Array#filtre et affecter le résultat directement à la propriété HOMES.

    JS:

    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>');

    • Cela a été utile, mais je suis dans une situation où j'ai besoin de filtre selon une liste d'attributs, stockées dans un tableau? Plus précisément, comment pourrais-je modifier ce qui précède, si je voulais toutes les maisons avec id [1,2]? J'ai essayé return a.home_id = ['1','2']; mais il ne fonctionne pas comme prévu.
    • ensuite, vous devez utiliser indexOf avec une comparaison, comme return ['1','2'].indexOf(a.home_id) !== -1; ou de vérifier avec includes, comme return ['1','2'].includes(a.home_id);.
    InformationsquelleAutor Nina Scholz
  2. 5

    Avec l'utilisation de l'utilitaire de bibliothèque Lodash, vous pouvez utiliser la méthode trouver si home_id est unique.

    Trouver: Itère sur les éléments de collection (Tableau|Objet), qui retourne le premier élément predicate retourne truthy pour. Le prédicat est invoquée avec trois arguments: (valeur de l'index|la clé de la collecte).

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

    Code:

    JS:

    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>');

    HTML:

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

    Si il y a plusieurs objets avec le même home_id vous devriez faire une filtre:

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

    Filtre: Itère sur les éléments de collection (Tableau|Objet), qui retourne un tableau de tous les éléments prédicat retourne truthy pour. Le prédicat est invoquée avec trois arguments: (valeur de l'index|la clé de la collecte).

    Code:

    JS:

    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>');

    HTML:

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

    • En fait, vous devez utiliser un filtre, pas trouvé, parce que l'OP n'a spécifier un where de l'alinéa (donc, par définition, il pourrait y avoir plus d'un match). Aussi, il y a beaucoup plus simple de rapprochement, à la fois dans lodash et de souligner: _.where(json.HOMES, {home_id: "2"} (underscorejs.org/#findWhere) ou _.filter(json.HOMES, {home_id: "2"} (lodash.com/docs#filter).
    InformationsquelleAutor Yosvel Quintero