Heim > Artikel > Web-Frontend > Wie verwende ich ein Array mit Objekten und überprüfe das Objekt anhand seiner Eigenschaften?

Wie verwende ich ein Array mit Objekten und überprüfe das Objekt anhand seiner Eigenschaften?

王林nach vorne: 2023-08-24 19:41:02917Durchsuche

Die Aufgabe besteht darin, zu prüfen, ob ein Array einen bestimmten Wert enthält. Darüber hinaus müssen wir prüfen, ob das Array ein bestimmtes Objekt mit einer bestimmten Eigenschaft enthält.

In diesem Tutorial werden die Methoden array.includes() und array.some() verwendet, um zu überprüfen, ob ein Array einen Wert oder ein Objekt mit einer bestimmten Eigenschaft enthält.

Verwenden Sie die Methode array.includes(), um zu prüfen, ob ein Wert in einem Array vorhanden ist

Mit der Methode

array.includes() können wir überprüfen, ob das Array einen Wert enthält. Vereinfacht ausgedrückt können wir mit der Methode array.includes() nach einem Wert in einem Array suchen.

Grammatik

Benutzer können mit der Methode array.includes() nach der folgenden Syntax nach Werten in einem Array suchen.

array.includes(value, startIndex);

In der obigen Syntax enthält ein Array verschiedene Elemente wie Zeichenfolgen, Zahlen und boolesche Werte.

Parameter

Wert – Dies ist der Wert, nach dem im Array gesucht werden soll.
startIndex – Dies ist ein optionaler Parameter, um die Suche von startIndex aus zu starten.

Rückgabewert

Es gibt einen booleschen Wert zurück, basierend darauf, ob der Wert im Array vorhanden ist.

Beispiel 1

Im folgenden Beispiel haben wir die Methode array.includes() verwendet, aber die Parameter startIndex und Option nicht übergeben. Daher wird das Array ab dem 0. Index durchsucht. In der Ausgabe kann der Benutzer beobachten, dass die Methode array.includes() true für den String-Wert „hello“ und false für den String-Wert „abcd“ zurückgibt.

<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>

Mit der obigen Methode haben wir gelernt, zu überprüfen, ob ein Wert in einem Array-Objekt vorhanden ist. Jetzt lernen wir zu prüfen, ob ein Objekt mit einer bestimmten Eigenschaft in einem Array vorhanden ist.

Verwenden Sie die Methode array.some(), um zu überprüfen, ob ein Objekt mit einer bestimmten Eigenschaft in einem Array vorhanden ist

Die Methode

array.some() prüft, ob mindestens ein Element im Array eine bestimmte Bedingung erfüllt, die an die Callback-Funktion übergeben wird. In der Callback-Funktion prüfen wir also, ob ein Objekt eine bestimmte Eigenschaft enthält.

Grammatik

Benutzer können die Methode array.some() gemäß der folgenden Syntax verwenden, um zu überprüfen, ob ein Objekt mit einer bestimmten Eigenschaft im Array vorhanden ist.

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

In der obigen Syntax verwenden wir den „in“-Operator, um zu prüfen, ob eine bestimmte Eigenschaft in einem Objekt unter allen Objekten im Array vorhanden ist.

Beispiel 2

Im folgenden Beispiel haben wir ein Array von Objekten erstellt, die jeweils verschiedene Eigenschaften und Werte enthalten. Darüber hinaus haben wir die Methode array.some() und den „in“-Operator verwendet, um zu prüfen, ob sich im Array ein Objekt befindet, das die als Funktionsargument checkProperties() übergebenen Eigenschaften enthält. Zusätzlich rufen wir die Funktion checkProperties() für das Schaltflächenklickereignis mit unterschiedlichen Parameterwerten auf.

In der Ausgabe erhalten wir „true“, wenn ein einzelnes Objekt eine bestimmte Eigenschaft enthält; andernfalls „false“.

<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>

Beispiel 3

Im folgenden Beispiel haben wir die Methode array.reduce() für ein Array von Objekten verwendet. In der Callback-Funktion der Methode Reduce() greifen wir auf die Salary-Eigenschaft des Objekts zu und prüfen, ob sie im Objekt vorhanden ist, indem wir ihren Wert mit dem „undefinierten“ String-Wert vergleichen.

Hier ist also eine weitere Möglichkeit, mit der Methode some() jedes Objekt zu finden, das eine bestimmte Eigenschaft enthält.

<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>

Wir haben die Methoden array.includes() und array.some() verwendet, um nach Werten und Objekten in einem Array zu suchen. Benutzer können jedoch auch die Methode filter() in JavaScript verwenden, um zu prüfen, ob ein Array mindestens ein Objekt mit einer bestimmten Eigenschaft enthält.

Das obige ist der detaillierte Inhalt vonWie verwende ich ein Array mit Objekten und überprüfe das Objekt anhand seiner Eigenschaften?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie sperre ich die Drehung eines Rechtecks mit FabricJS?Nächster Artikel：Wie sperre ich die Drehung eines Rechtecks mit FabricJS?

In Verbindung stehende Artikel

Mehr sehen