Maison > Article > interface Web > Comment utiliser un tableau contenant des objets et vérifier l'objet en fonction de ses propriétés ?

Comment utiliser un tableau contenant des objets et vérifier l'objet en fonction de ses propriétés ?

王林avant: 2023-08-24 19:41:02917parcourir

Comment utiliser un tableau contenant des objets et vérifier lobjet en fonction de ses propriétés ?

La tâche consiste à vérifier si un tableau contient une valeur spécifique. De plus, nous devons vérifier si le tableau contient un objet spécifique avec une propriété donnée.

Ce tutoriel utilisera les méthodes array.includes() et array.some() pour vérifier si un tableau contient une valeur ou un objet avec une propriété spécifique.

Utilisez la méthode array.includes() pour vérifier si une valeur existe dans un tableau

La méthode

array.includes() nous permet de vérifier si le tableau contient une valeur. En termes simples, nous pouvons rechercher une valeur dans un tableau en utilisant la méthode array.includes().

Grammaire

Les utilisateurs peuvent rechercher des valeurs dans un tableau à l'aide de la méthode array.includes() en suivant la syntaxe suivante.

array.includes(value, startIndex);

Dans la syntaxe ci-dessus, le tableau contient divers éléments tels que des chaînes, des nombres et des valeurs booléennes.

Paramètres

Valeur - C'est la valeur à rechercher dans le tableau.
startIndex - Il s'agit d'un paramètre facultatif pour lancer la recherche à partir de startIndex.

Valeur de retour

Il renvoie une valeur booléenne selon que la valeur existe ou non dans le tableau.

Exemple 1

Dans l'exemple ci-dessous, nous avons utilisé la méthode array.includes() mais n'avons pas transmis les paramètres d'option startIndex. Il recherchera donc dans le tableau à partir du 0ème index. Dans le résultat, l'utilisateur peut observer que la méthode array.includes() renvoie true pour la valeur de chaîne « hello » et false pour la valeur de chaîne « abcd ».

<html>
<body>
   <h2>Using the <i>array.includes()</i> method to check for the existence of the value in the array.</h2>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output');
      let array = ["Hello", 10, "Hi", true, "Welcome", false, 30, 50, 70, false];
      let result = array.includes("Hello");
      output.innerHTML += "Is Hello exist in the array? " + result + "<br/>";
      result = array.includes("abcd");
      output.innerHTML += "Is abcd exist in the array? " + result + "<br/>";
   </script>
</body>
</html>

Dans la méthode ci-dessus, nous avons appris à vérifier si une valeur existe dans un objet tableau. Nous allons maintenant apprendre à vérifier si un objet avec une propriété spécifique existe dans un tableau.

Utilisez la méthode array.some() pour vérifier si un objet avec une propriété spécifique existe dans un tableau

La méthode

array.some() vérifie si au moins un élément du tableau répond à une condition spécifique transmise à la fonction de rappel. Ainsi, dans la fonction de rappel, nous vérifierons si un objet contient une propriété spécifique.

Grammaire

Les utilisateurs peuvent utiliser la méthode array.some() selon la syntaxe ci-dessous pour vérifier si un objet avec une propriété spécifique existe dans le tableau.

let result = objects.some((object) => property in object);

Dans la syntaxe ci-dessus, nous utilisons l'opérateur "in" pour vérifier si une certaine propriété existe dans un objet parmi tous les objets du tableau.

Exemple 2

Dans l'exemple ci-dessous, nous avons créé un tableau d'objets, chacun contenant diverses propriétés et valeurs. De plus, nous avons utilisé la méthode array.some() et utilisé l'opérateur "in" pour vérifier s'il existe un objet dans le tableau contenant les propriétés passées comme argument de la fonction checkProperties(). De plus, nous appelons la fonction checkProperties() sur l'événement de clic sur le bouton avec différentes valeurs de paramètres.

Dans la sortie, nous obtenons vrai si un objet contient une propriété spécifique ; sinon, faux.

<html>
<body>
   <h2>Using the <i>array.some()</i> method to check for the existence of the object with a particular property.</h2>
   <div id = "output"> </div>
   <button onclick = "checkProperties('salary'); checkProperties('id')">  Check for Object </button>
   <script>
      let output = document.getElementById('output');
      function checkProperties(property) {
         let objects = [
            { prop1: "value1", prop2: "Value2", num: 30 },
            { name: "name", prop3: "Value3", salary: 40860 },
            { age: 20, prop2: "Value2", number: 60 },
            { prop1: "value10", prop2: "Value30", num: 90 },
            { prop1: "value20", prop2: "Value40", num: 100 }
         ];
         let isProperty = objects.some((object) => property in object);
         output.innerHTML += "Is objects array contain any object with " + property + " property? " + isProperty + "<br/>";
      }
   </script>
</body>
</html>

Exemple 3

Dans l'exemple ci-dessous, nous avons utilisé la méthode array.reduce() sur un tableau d'objets. Dans la fonction de rappel de la méthode réduire(), nous accédons à la propriété salaire de l'objet et vérifions si elle existe dans l'objet en comparant sa valeur avec la valeur de chaîne "non définie".

Voici donc une autre façon de trouver n’importe quel objet contenant une propriété spécifique en utilisant la méthode some().

<html>
<body>
   <h2>Using the <i>array.some()</i> method to check for the existence of the object with a particular property.</h2>
   <div id = "output"> </div>
   <button onclick = "checkProperties()"> Check for Object </button>
   <script>
      let output = document.getElementById('output');
      function checkProperties() {
         let objects = [
            { color: "blue", id: "232d", num: 30 },
            { name: "name", prop3: "534", maximum: 10 },
            { age: 20, id: "dred", numValue: 90 },
            { color: "blue", id: "87gd", minimum: 0 },
            { color: "green", id: "56fghfh", num: 100 }
         ];
         let isSalary = objects.some((object) => { object.salary != "undefined" });
         output.innerHTML += "Is objects array contains any object with " + "salary" +    "property? " + isSalary + "<br/>";
      }
   </script>
</body>
</html>

Nous avons utilisé les méthodes array.includes() et array.some() pour rechercher des valeurs et des objets dans un tableau. Cependant, les utilisateurs peuvent également utiliser la méthode filter() en JavaScript pour vérifier si un tableau contient au moins un objet avec une propriété spécifique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript Array 运算符 Filter 回调函数字符串对象事件

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment verrouiller la rotation d'un rectangle avec FabricJS ?Article suivant：Comment verrouiller la rotation d'un rectangle avec FabricJS ?

Articles Liés

Voir plus