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

So konfigurieren Sie ein Jupyter-Notebook im Docker-Container

Das Jupyter-Notebook wird unter dem Docker-Contai...

JavaScript zum Erzielen eines Taobao-Produktbild-Umschalteffekts

JavaScript-Umschalteffekt für Bekleidungsalben (ä...

MySQL-Datenbankgrundlagen: Eine Zusammenfassung der grundlegenden Befehle

Inhaltsverzeichnis 1. Hilfeinformationen nutzen 2...

So zeigen Sie den Typ des gemounteten Dateisystems in Linux an

Vorwort Wie Sie wissen, unterstützt Linux viele D...

Spezifische Verwendung von Docker Anonymous Mount und Named Mount

Inhaltsverzeichnis Datenvolumen Anonyme und benan...

Dynamische Vue-Komponente

Inhaltsverzeichnis 1. Komponente 2. Keep-Alive-Mo...

Entwicklungsdetails von Vue3-Komponenten

Inhaltsverzeichnis 1. Einleitung 2. Komponentenen...

Gemeinsame Nutzung von zwei Plug-Ins zur Übersetzung von Webseiten

Übersetzen Sie diese URL: http://translateth.is G...

Designtheorie: Menschenorientiertes Green Design

Überlegungen zu den beiden Sichtweisen „menscheno...

Zusammenfassung ungewöhnlicher JS-Operationsoperatoren

Inhaltsverzeichnis 2. Komma-Operator 3. JavaScrip...

Beispiel für die Methode „Mysql implementiert Nullwerte zuerst/letzten“

Vorwort Wir wissen bereits, dass MySQL den SQL-Be...