Heim > Web-Frontend > js-Tutorial > Wie finde ich alle Elemente, die einer bestimmten Bedingung in JavaScript entsprechen?

Wie finde ich alle Elemente, die einer bestimmten Bedingung in JavaScript entsprechen?

王林
Freigeben: 2023-08-24 09:37:08
nach vorne
794 Leute haben es durchsucht

JavaScript 中如何找出与特定条件匹配的所有元素?

Mit Hilfe der Funktion _.ware() können wir die spezifischen Bedingungen finden.

_.where() gehört zu underscore.js, einer Javascript-Bibliothek, die eine Vielzahl von Funktionen bereitstellt. _.where() ist eine Funktion, die verwendet wird, um ein bestimmtes Element basierend auf einer bestimmten Bedingung zu finden.

Angenommen, Sie möchten alle Benutzerdetails der Klasse finden und dann die Funktion _.where() auf die Liste aller Abschnitte anwenden und dabei die Bedingung als Abschnittsnamen übergeben. Daher werden die Namen aller Benutzer zurückgegeben, die den spezifischen Kriterien entsprechen.

Grammatik

_.where( list, [predicate], [context] )
Nach dem Login kopieren

Diese Funktion akzeptiert drei Parameter als Parameter.

  • List – Parameter zum Speichern einer Datenliste.

  • Prädikat – Dieser Parameter enthält die Testbedingung.

  • Kontext – Der Text, den wir anzeigen müssen.

Rückgabewert− Diese Funktion gibt alle Werte zurück, die die Bedingungen erfüllen.

Beispiel 1: Übergabe eines Arrays an die Funktion _.where()

Die Funktion

_.where() ruft die Elemente des Arrays einzeln ab und erfüllt die angegebenen Bedingungen. Lange ist es wahr oder falsch. Bei einer Übereinstimmung wird dieser Wert zurückgegeben.

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
</head>
<body>
   <script type="text/javascript">
      var users = [
         { name: "priya", Long: "false" },
         { name: "aishwarya", Long: "true" },
         { name: "akanksha", Long: "true" },
         { name: "ruby", Long: "true" },
      ];
      document.write(JSON.stringify(_.where(users, { Long: "true" }))); 
   </script>
</body>
</html>
Nach dem Login kopieren

Beispiel 2

Im folgenden Beispiel übergeben wir eine Liste von Elementen mit mehreren Attributen an die Funktion _.where() -

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
</head>
<body>
   <script type="text/javascript">
      var details = [
         { "city": "Ranchi", "state": "Jharkhand", "id": "1" },
         { "city": "Jamshedpur", "state": "Jharkhand", "id": "2" },
         { "city": "Hyderabad", "state": "Telangana", "id": "3" },
         { "city": "Delhi", "state": "Delhi", "id": "4" },
         { "city": "Delhi", "Pune": "Maharastra", "id": "5" }
      ];
      document.write(JSON.stringify(_.where(details,{state:"Jharkhand"})));
   </script>
</body>
</html>
Nach dem Login kopieren

Beispiel: 3

In diesem Beispiel übergeben wir ein Array mit einer Zahl als einer seiner Eigenschaften an die Funktion _.where() -

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
</head>
<body>
   <script type="text/javascript">
      var users = [
         { id: 1, name: "priya" },
         { id: 2, name: "aishwarya" },
         { id: 3, name: "akanksha" },
         { id: 4, name: "ruby" },
         { id: 5, name: "Aman" },
      ];
      document.write(JSON.stringify(_.where(users, { id: 5 })));
   </script>
</body>
</html>
Nach dem Login kopieren

Beispiel 4: _.where()-Funktion als _.findWhere()-Funktion

Wir können die Funktion _.findWhere() anstelle der Funktion _.where() verwenden, da beide die gleiche Ausgabe liefern.

<!DOCTYPE html>
<html>
<head>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
</head>
<body>
   <script type="text/javascript">
      var users = [
         { id: 1, name: "priya" },
         { id: 2, name: "aishwarya" },
         { id: 3, name: "akanksha" },
         { id: 4, name: "ruby" },
         { id: 5, name: "Aman" },
      ];
      document.write(JSON.stringify(_.findWhere(users, { id: 5 })));
   </script>
</body>
</html>
Nach dem Login kopieren

Beispiel 5: Verwendung der Methode _.filter()

In diesem Beispiel verwenden wir die Methode _.filter(), um zu prüfen, ob die Elemente im Array die Bedingungen erfüllen.

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>_.filter() method example</title>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
   <div id="filter"></div>
</head>
<body>
   <script>
      let arr = [2, 4, 6, 8, 10];
      let flag = false;
      let getEvenNum = _.filter(arr, function (num) {
         return num % 2 == 0;
      });
      if (JSON.stringify(getEvenNum) === JSON.stringify(arr)) {
         flag = true;
      }
      document.getElementById("filter").innerHTML ="The array elements passed the condition : " + flag;
   </script>
</body>
</html>
Nach dem Login kopieren

Beispiel 6: Verwendung der every()-Methode

In diesem Beispiel verwenden wir die Methode array.every(), um zu prüfen, ob die Elemente im Array die Bedingungen erfüllen.

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Array.every() method example</title>
   <div id="every"></div>
</head>
<body>
   <script>
      let arr = new Array(2, 4, 6, 8, 10);
      let getEvenNum = arr.every(function (num) {
         return num % 2 == 0;
      });
      document.getElementById("every").innerHTML ="The array elements have passed the condition : " + getEvenNum;
   </script>
</body>
</html>
Nach dem Login kopieren

Beispiel 7: Verwendung einer for-Schleife

Sehen wir uns nun ein Beispiel mit einer for-Schleife an -

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Using for loop example</title>
   <div id="every"></div>
</head>
<body>
   <script>
      let arr = new Array(2, 4, 6, 8, 10);
      let flag = true;
      for (let i = 0; i < arr.length; i++) {
         if (arr[i] > 10) {
            flag = false;
            break;
         }
      }
      document.getElementById("every").innerHTML = "The array elements have passed the condition : " + flag;
   </script>
</body>
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie finde ich alle Elemente, die einer bestimmten Bedingung in JavaScript entsprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage