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.
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>
其中:
element
是当前正在处理的元素。index
是当前元素在数组中的索引。array
是指向原始数组的引用。map() 方法
map()
方法会创建一个新数组,其中包含对原始数组每个元素应用指定函数后的结果。其语法为:
<code>const newArray = array.map((element, index, array) => { // 对每个元素执行操作并返回新值 });</code>
filter() 方法
filter()
方法会创建一个新数组,其中包含满足指定条件的原始数组中的元素。其语法为:
<code>const newArray = array.filter((element, index, array) => { // 返回 true 以保留元素,返回 false 以移除元素 });</code>
find() 方法
find()
方法会返回第一个满足指定条件的原始数组中的元素。如果未找到任何元素,则返回 undefined
。其语法为:
<code>const element = array.find((element, index, array) => { // 返回 true 以返回找到的元素 });</code>
findIndex() 方法
findIndex()
方法返回第一个满足指定条件的原始数组中元素的索引。如果未找到任何元素,则返回 -1
。其语法为:
<code>const index = array.findIndex((element, index, array) => { // 返回 true 以返回找到的元素的索引 });</code>
some() 方法
some()
方法检查原始数组中是否有至少一个元素满足指定的条件。其语法为:
<code>const result = array.some((element, index, array) => { // 返回 true 以停止检查并返回 true,返回 false 以继续检查 });</code>
every() 方法
every()
方法检查原始数组中的所有元素是否都满足指定的条件。其语法为:
<code>const result = array.every((element, index, array) => { // 返回 false 以停止检查并返回 false,返回 true 以继续检查 });</code>
reduce() 方法
reduce()
方法将原始数组减少为一个累积值。其语法为:
<code>const accumulator = array.reduce((accumulator, element, index, array) => { // 返回新的累积值 }, initialValue);</code>
其中:
accumulator
是当前累积值。initialValue
rrreeeelement
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!