JavaScript zum Filtern von Arrays

In diesem Artikelbeispiel wird der spezifische Code für JavaScript zur Implementierung der Array-Filterung zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt

Heute habe ich meine JavaScript-Kenntnisse genutzt, um ein Beispiel für die Filterung eines Arrays zu erstellen. Ich hoffe, wir können voneinander lernen und gemeinsam Fortschritte machen!

Endergebnis:

js-Codeteil:

<!DOCTYPE html>
<html lang="de">
<Kopf>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
 <meta http-equiv="X-UA-kompatibel" content="ie=edge">
 <title>Filter-Array</title>
 <Skript>
  Funktion Suche(arr) {
   var neuesArr = [];
   für (var i = 0; i < arr.length; i++) {
    wenn (arr[i] > 10) {
     neuesArr[neuesArr.Länge] = arr[i];
   }
  }
   gib neuesArr zurück;
  }
  var arr = [1, 2, 45, 31, 7, 30, 22, 3, 5, 17];
  Suche (arr);
  alert('Die von Ihnen eingegebenen Zahlen sind '+arr+'\n'+'Die Zahlen größer als 10 sind: '+Search(arr));
 </Skript>
</Kopf>
<Text>
</body>
</html>

Zusammenfassung:

Das Filtern von Arrays ist in verschiedenen Programmiersprachen sehr verbreitet und wichtig. Ich hoffe, dass jeder es geschickt einsetzen kann.

Ich habe vorher einen Codeabschnitt gesehen: js filtert das Objektarray entsprechend dem Array, teile es mit dir

Filtern Sie anhand des Arrays, in dem die ID gespeichert ist, das Objekt mit dieser ID

var-Array = [
{
 Zeit: '2020',
 ID: '1',
},
{
 Zeit: '2020',
 ID: '2',
},
{
 Zeit: '2020',
 ID: '3',
}];
var filterIds = ['1', '3'];
var Ergebnis = Array.Filter((a,i)=>{
  gibt filterIds.some(f=>(f === a.id)) zurück 
})
//[{Zeit: "2020", ID: "1"},{Zeit: "2020", ID: "3"}

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:

Mehrere Methoden zum Durchlaufen und Filtern von Arrays in Jquery und zum Durchlaufen und Parsen von JSON-Objekten, detaillierte Erklärung der Map()-Methode und Abfrage, ob ein Wert im Array vorhanden ist
jQuery-Filterarray-Nutzung von grep, each, inArray, map und Durchlauf von JSON-Objekten
Mehrere Möglichkeiten zum Durchlaufen und Filtern von Arrays mit jQuery und zum Durchlaufen und Parsen von JSON-Objekten

<<: Detaillierte Erläuterung der benutzerdefinierten Konfiguration des offiziellen Docker-MySQL-Image

>>: Detaillierte Schritte zur Installation von Anaconda unter Linux (Ubuntu 18.04)

Zwei gängige Lösungen für den HTML-Textüberlauf zeigen Auslassungszeichen an

MySQL 8.0.20 Window10 kostenlose Installationsversion Konfiguration und Navicat Management Tutorial Grafik detaillierte Erklärung

1. MySQL 8.0.20 herunterladen und dekomprimieren ...

JavaScript zum Filtern von Arrays

Zwei gängige Lösungen für den HTML-Textüberlauf zeigen Auslassungszeichen an

Detaillierte Erläuterung des MySQL-Indexprinzips und der Abfrageoptimierung

Detaillierte Erklärung der Verwendung und des Unterschieds zwischen nohup und & in Linux

Beispielanalyse der von MySQL 5.7 generierten Spaltennutzung

Detaillierte Erklärung der Standardwerte von Breite und Höhe in CSS: auto und %

Implementierungsschritte für die Docker-Bereitstellung von SpringBoot-Anwendungen

Die Hook-Funktion von Vue-Router implementiert Routing Guard

Detaillierte Erläuterung der Verwendung von Docker Commit

So fügen Sie in 88 Sekunden 10 Millionen Datensätze in eine MySQL-Datenbanktabelle ein

RHCE installiert Apache und greift mit einem Browser auf IP zu

Artikel empfehlen

PageSpeed Optimierung im Überblick

So wechseln Sie zwischen Vue-Produktions- und Entwicklungsumgebungen und verwenden Filter

Detailliertes Verständnis und vergleichende Analyse der Server Apache, Tomcat und Nginx

Tutorial zum Konfigurieren und Verwenden des i3-Fenstermanagers unter Linux

Detailliertes Tutorial zur Installation von MySQL 8.0.12 unter Windows

Detaillierte Erklärung des Unterschieds zwischen JavaScript onclick und click

Mit CSS3 implementierte Schaltfläche zum Hovern von Bildern

Detaillierte Erklärung der binären und varbinären Datentypen in MySQL

Detaillierte Erläuterung des automatischen Füllschreibens von CSS3-Flexboxen

MySQL 8.0.20 Window10 kostenlose Installationsversion Konfiguration und Navicat Management Tutorial Grafik detaillierte Erklärung

Detaillierte Schritte zum Portieren von Busybox zum Erstellen eines minimalen Root-Dateisystems

So verwenden Sie Font Awesome 5 in Vue-Entwicklungsprojekten

Zusammenfassung einiger Vorschläge zum HTML-Code-Schreibstil

Canonical ermöglicht Linux-Desktop-Apps mit Flutter (empfohlen)

Wir treiben IE6 alleine in den Untergang