javascript filtre tableau d'objets

Question

J'ai un tableau d'objets et je me demande quelle est la meilleure façon d'y effectuer une recherche. Dans l'exemple ci-dessous, comment puis-je rechercher name = "Joe" y age < 30 ? Est-ce que jQuery peut m'aider ou est-ce que je dois effectuer cette recherche par force brute moi-même ?

var names = new Array();

var object = { name : "Joe", age:20, email: "joe@hotmail.com"};
names.push(object);

object = { name : "Mike", age:50, email: "mike@hotmail.com"};
names.push(object);

object = { name : "Joe", age:45, email: "mike@hotmail.com"};
names.push(object);

Answer 1

Une solution moderne avec Array.prototype.filter() :

const found_names = names.filter(v => v.name === "Joe" && v.age < 30);

Ou si vous utilisez toujours jQuery, vous pouvez utiliser jQuery.grep() :

var found_names = $.grep(names, function(v) {
    return v.name === "Joe" && v.age < 30;
});

Answer 2

Vous pouvez le faire très facilement avec le [].filter méthode :

var filterednames = names.filter(function(obj) {
    return (obj.name === "Joe") && (obj.age < 30);
});

Vous pouvez en savoir plus à ce sujet sur cette page MDN .

Answer 3

Vous pouvez utiliser jQuery.filter() pour retourner les éléments d'un sous-ensemble des éléments correspondants.

var names = [
    { name : "Joe", age:20, email: "joe@hotmail.com"},
    { name : "Mike", age:50, email: "mike@hotmail.com"},
    { name : "Joe", age:45, email: "mike@hotmail.com"}
   ];

var filteredNames = $(names).filter(function( idx ) {
    return names[idx].name === "Joe" && names[idx].age < 30;
}); 

$(filteredNames).each(function(){
     $('#output').append(this.name);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="output"/>

Answer 4

var nameList = [
{name:'x', age:20, email:'x@email.com'},
{name:'y', age:60, email:'y@email.com'},
{name:'Joe', age:22, email:'joe@email.com'},
{name:'Abc', age:40, email:'abc@email.com'}
];

var filteredValue = nameList.filter(function (item) {
      return item.name == "Joe" && item.age < 30;
});

//To See Output Result as Array
console.log(JSON.stringify(filteredValue));

Vous pouvez simplement utiliser le javascript :)

Answer 5

Pour ceux qui veulent filtrer à partir d'un tableau d'objets en utilisant n'importe quelle clé :

function filterItems(items, searchVal) {
  return items.filter((item) => Object.values(item).includes(searchVal));
}
let data = [
  { "name": "apple", "type": "fruit", "id": 123234 },
  { "name": "cat", "type": "animal", "id": 98989 },
  { "name": "something", "type": "other", "id": 656565 }]

console.log("Filtered by name: ", filterItems(data, "apple"));
console.log("Filtered by type: ", filterItems(data, "animal"));
console.log("Filtered by id: ", filterItems(data, 656565));

filtre à partir d'un tableau d'objets JSON:**