Detaillierte Erklärung der neuen Array-Methoden in JavaScript es6

Detaillierte Erklärung der neuen Array-Methoden in JavaScript es6

1. fürJedes()

Durchlaufen Sie das Array ohne Rückgabe. Selbst wenn eine Rückgabe erfolgt, wird kein Wert zurückgegeben und das ursprüngliche Array wird beeinträchtigt.

Callback-Parameter

value – der Wert des aktuellen Indexes

index --index

arr – ursprüngliches Array

		sei arr = ["a", "b", "c", 1, 2, 3];
        
        arr.forEach((Wert, Index, arr) => {
            console.log(Wert, Index, arr);
        })

Ausgabe:

Bildbeschreibung hier einfügen

2. arr.filter()

Filtern Sie ein Array und geben Sie ein Array zurück, das die Anforderungen erfüllt

Rückrufparameter:

value – der Wert des aktuellen Indexes

index --index

sei arr = [1,2,3,4,5]
let arr1 = arr.filter( (Wert, Index) => Wert%2 === 0)
console.log(arr1) // [2, 4]

3. arr.jedes()

Gemäß der Beurteilungsbedingung, ob alle Elemente des Arrays die Anforderungen erfüllen, wenn ja, geben Sie true zurück

Rückrufparameter:

value – der Wert des aktuellen Indexes

index --index

sei arr = [1,2,3,4,5]
let arr1 = arr.every( (Wert, Index) => Wert<2)
console.log(arr1) // falsch
let arr2 = arr.every( (Wert, Index) => Wert<6)
console.log(arr2) // wahr

4. arr.map()

Ordnen Sie ein Array zu (durchlaufen Sie das Array) und geben Sie ein neues Array zurück.

Rückrufparameter:

value – der Wert des aktuellen Indexes

index --index

array – das ursprüngliche Array

sei arr = [1,2,3,4,5]
arr.map( (Wert,Index,Array)=>{
        Wert = Wert * 2
        Konsole.log(`Wert: ${Wert} Index: ${Index} Array: ${Array}`)
})   
console.log(arr)

Ergebnis:

Bildbeschreibung hier einfügen

var arr1 = [1,2,3,4]; 
var res1 = arr1.map((item,index,arr)=>{ 
 Artikel = Artikel * 3; 
 Artikel zurückgeben; 
})
konsole.log(arr1); // [1,2,3,4]
konsole.log(res1); // [3,6,9,12]

5. arr.some()

Gemäß der Beurteilungsbedingung, ob eines der Elemente des Arrays die Bedingung erfüllt, wenn eines die Bedingung erfüllt, wird true zurückgegeben

Rückrufparameter:

value – der Wert des aktuellen Indexes

index --index

sei arr = [1,2,3,4,5]
let arr1 = arr.some( (Wert, Index) => Wert < 3)
console.log(arr1) // wahr
let arr2 = arr.some( (Wert, Index) => Wert > 6)
console.log(arr2) // falsch

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • Gängige Array-Operationsmethoden in JavaScript, einschließlich ES6-Methoden
  • es6 js-Methode zum Abgleichen von zwei Array-Objekten

<<:  CSS3 legt eine Maske für das Hintergrundbild fest und löst das Problem der Maskenstilvererbung

>>:  Erfahren Sie, wie Sie mithilfe des Nginx-Dienstes eine Subdomain-Umgebung erstellen, um die Ladeleistung von 2D-Karten zu verbessern.

Artikel empfehlen

Vue verwendet Regeln zur Implementierung der Formularfeldvalidierung

Es gibt viele Möglichkeiten, Formularfelder in Vu...

Centos8 erstellt NFS basierend auf KDC-Verschlüsselung

Inhaltsverzeichnis Konfiguration NFS-Server (nfs....

Eine kurze Diskussion über die Definition und Vorsichtsmaßnahmen von H-Tags

Den Ergebnissen zufolge gibt es für die Definitio...

So erweitern Sie den Speicherplatz eines Linux-Servers

Inhaltsverzeichnis Vorwort Schritt Vorwort Heute ...

Regeln für die Verwendung gemeinsamer MySQL-Indizes

Ein gemeinsamer Index wird auch als zusammengeset...

So führen Sie mehrere MySQL-Instanzen unter Windows aus

Vorwort Unter Windows können Sie mehrere MySQL-In...

Beispiel für eine Vue-Datenanzeige auf einem großen Bildschirm

Um die Anforderungen effizient zu erfüllen und au...

So erstellen Sie einen vollständigen Samba-Server unter Linux (CentOS-Version)

Vorwort smb ist der Name eines Protokolls, das fü...

Probleme und Vorsichtsmaßnahmen beim Festlegen von maxPostSize für Tomcat

1. Warum maxPostSize festlegen? Der Tomcat-Contai...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.13

In diesem Artikel finden Sie das Installations- u...

Detaillierte Erklärung zu Unique Constraints und NULL in MySQL

Vorwort Eine Anforderung, die ich zuvor zur Verei...

Eine kurze Analyse der parallelen WriteSet-Replikation von MySQL

【Historischer Hintergrund】 Ich arbeite seit drei ...