Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist die Traversal-Methode des Arrays in js?

下次还敢
Freigeben: 2024-05-06 11:09:20
Original
614 Leute haben es durchsucht

Array-Traversal-Methoden in JavaScript umfassen: forEach(): Führt die angegebene Funktion für jedes Element aus. map(): Erstellt ein neues Array, das die Ergebnisse der Anwendung der angegebenen Funktion enthält. filter(): Erstellt ein neues Array mit Elementen, die die angegebenen Bedingungen erfüllen. find(): Gibt das erste Element zurück, das die angegebenen Bedingungen erfüllt. findIndex(): Gibt den Index des ersten Elements zurück, das die angegebene Bedingung erfüllt. some(): Prüft, ob es mindestens ein Element gibt, das die angegebene Bedingung erfüllt. every(): Prüft, ob alle Elemente die angegebenen Bedingungen erfüllen. redu(): Reduziert das Array auf einen kumulativen Wert.

Was ist die Traversal-Methode des Arrays in js?

Array-Traversal-Methode

Array-Traversal bezieht sich auf den Prozess des Zugriffs und der Bedienung jedes Elements in einem Array nacheinander. JavaScript bietet mehrere Methoden zum Durchlaufen von Arrays.

forEach()-Methode

forEach()-Methode führt die angegebene Funktion für jedes Element im Array aus. Die Syntax lautet: forEach() 方法会对数组中的每个元素执行指定的函数。其语法为:

<code>array.forEach((element, index, array) => {
  // 对每个元素执行操作
});</code>
Nach dem Login kopieren

其中:

  • element 是当前正在处理的元素。
  • index 是当前元素在数组中的索引。
  • array 是指向原始数组的引用。

map() 方法

map() 方法会创建一个新数组,其中包含对原始数组每个元素应用指定函数后的结果。其语法为:

<code>const newArray = array.map((element, index, array) => {
  // 对每个元素执行操作并返回新值
});</code>
Nach dem Login kopieren

filter() 方法

filter() 方法会创建一个新数组,其中包含满足指定条件的原始数组中的元素。其语法为:

<code>const newArray = array.filter((element, index, array) => {
  // 返回 true 以保留元素,返回 false 以移除元素
});</code>
Nach dem Login kopieren

find() 方法

find() 方法会返回第一个满足指定条件的原始数组中的元素。如果未找到任何元素,则返回 undefined。其语法为:

<code>const element = array.find((element, index, array) => {
  // 返回 true 以返回找到的元素
});</code>
Nach dem Login kopieren

findIndex() 方法

findIndex() 方法返回第一个满足指定条件的原始数组中元素的索引。如果未找到任何元素,则返回 -1。其语法为:

<code>const index = array.findIndex((element, index, array) => {
  // 返回 true 以返回找到的元素的索引
});</code>
Nach dem Login kopieren

some() 方法

some() 方法检查原始数组中是否有至少一个元素满足指定的条件。其语法为:

<code>const result = array.some((element, index, array) => {
  // 返回 true 以停止检查并返回 true,返回 false 以继续检查
});</code>
Nach dem Login kopieren

every() 方法

every() 方法检查原始数组中的所有元素是否都满足指定的条件。其语法为:

<code>const result = array.every((element, index, array) => {
  // 返回 false 以停止检查并返回 false,返回 true 以继续检查
});</code>
Nach dem Login kopieren

reduce() 方法

reduce() 方法将原始数组减少为一个累积值。其语法为:

<code>const accumulator = array.reduce((accumulator, element, index, array) => {
  // 返回新的累积值
}, initialValue);</code>
Nach dem Login kopieren

其中:

  • accumulator 是当前累积值。
  • initialValuerrreee
  • wobei:
  • element das Element ist, das gerade verarbeitet wird. 🎜
  • index ist der Index des aktuellen Elements im Array. 🎜
  • array ist ein Verweis auf das ursprüngliche Array. 🎜🎜🎜🎜map()-Methode 🎜🎜🎜 Die map()-Methode erstellt ein neues Array, das das Ergebnis der Anwendung der angegebenen Funktion auf jedes Element des ursprünglichen Arrays enthält. Seine Syntax lautet: 🎜rrreee🎜🎜filter()-Methode 🎜🎜🎜filter()-Methode erstellt ein neues Array mit Elementen aus dem ursprünglichen Array, die die angegebenen Bedingungen erfüllen. Die Syntax lautet: 🎜rrreee🎜🎜find()-Methode 🎜🎜🎜find()-Methode gibt das erste Element im ursprünglichen Array zurück, das die angegebene Bedingung erfüllt. Wenn kein Element gefunden wird, wird undefiniert zurückgegeben. Die Syntax lautet: 🎜rrreee🎜🎜findIndex()-Methode 🎜🎜🎜findIndex()-Methode gibt den Index des ersten Elements im ursprünglichen Array zurück, das die angegebene Bedingung erfüllt. Wenn kein Element gefunden wird, wird -1 zurückgegeben. Seine Syntax lautet: 🎜rrreee🎜🎜some()-Methode 🎜🎜🎜some()-Methode prüft, ob mindestens ein Element im ursprünglichen Array die angegebene Bedingung erfüllt. Seine Syntax lautet: 🎜rrreee🎜🎜every()-Methode 🎜🎜🎜every()-Methode prüft, ob alle Elemente im ursprünglichen Array die angegebenen Bedingungen erfüllen. Seine Syntax lautet: 🎜rrreee🎜🎜reduce()-Methode 🎜🎜🎜reduce()-Methode reduziert das ursprüngliche Array auf einen kumulativen Wert. Die Syntax lautet: 🎜rrreee🎜wobei: 🎜
    • accumulator der aktuelle akkumulierte Wert ist. 🎜
    • initialValue ist ein optionaler anfänglicher akkumulierter Wert. Wenn nicht angegeben, wird das erste Element im Array verwendet. 🎜🎜

Das obige ist der detaillierte Inhalt vonWas ist die Traversal-Methode des Arrays in js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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