Detaillierte Verwendung des JS-Arrays für jede Instanz

1. forEach() ist ähnlich wie map(). Es wendet ebenfalls jedes Element der Reihe nach auf die übergebene Funktion an, gibt aber kein neues Array zurück.

2. forEach() wird häufig verwendet, um ein Array zu durchlaufen, indem jedes Element des Arrays aufgerufen und an die Rückruffunktion übergeben wird. Übertragungsfunktionen müssen keinen Wert zurückgeben.

Beispiele

var arr = [7,4,6,51,1];
Versuchen Sie {arr.forEach((item,index)=>{
      wenn (Element<5) {
       throw new Error("myerr") //Erstelle eine neue Fehlermeldung für myerr
      }
      console.log(item)//Drucke nur 7, um anzuzeigen, dass die Schleife verlassen wurde})}catch(e){
            console.log(e.nachricht);
      if (e.message!=="myerr") { //Wenn es nicht der von uns definierte Fehler ist, verwerfen Sie ihn einfach. throw e
      }
     }

Wissenspunkterweiterung:

Handschriftlich fürJeden

forEach() führt eine bereitgestellte Funktion einmal für jedes Element eines Arrays aus

arr.forEach(Rückruf(aktuellerWert [, Index [, Array]])[, diesesArg]);

• Rückruf

  • aktuellerWert
    Das aktuelle Element, das im Array verarbeitet wird.
  • Index Optional Der Index innerhalb des Arrays des aktuell verarbeiteten Elements.
  • Array optional
    Das Array, auf das die Methode forEach() zugreift.
  • thisArg OptionalOptionaler Parameter. Wird als Wert verwendet, wenn die Rückruffunktion ausgeführt wird.
• Kein Rückgabewert

Wenn der forEach -Funktion ein thisArg -Parameter bereitgestellt wird, wird der Parameter als this Wert in der Rückruffunktion verwendet. Andernfalls ist der this nicht definiert . Die Bindung von this in der Rückruffunktion wird beim Aufruf der Funktion gemäß den allgemeinen this Bindungsregeln bestimmt.

sei arr = [1, 2, 3, 4];

arr.forEach((...item) => console.log(item));

// [1, 0, Array(4)] Aktueller Wert

Funktion Zähler() {
 diese.Summe = 0;
 dies.Anzahl = 0;
}

// Da der thisArg-Parameter (this) an forEach() übergeben wird, wird er bei jedem Aufruf als this-Wert an die Rückruffunktion übergeben.
Zähler.prototype.add = Funktion(Array) {
 array.forEach(Funktion(Eintrag) {
  diese.Summe += Eintrag;
  ++diese.anzahl;
 }, Das);
 // ^---- Hinweis
};

const obj = neuer Zähler();
obj.add([2, 5, 9]);
Objektanzahl;
// 3 === (1 + 1 + 1)
obj.Summe;
// 16 === (2 + 5 + 9)

• Jedes Array hat diese Methode
• Die Rückrufparameter sind: jedes Element, Index, ursprüngliches Array

Array.prototype.forEach = Funktion(fn, diesesArg) {
 var _dies;
 wenn (Typ von fn !== "Funktion") {
  throw "der Parameter muss eine Funktion sein";
 }
 if (Argumente.Länge > 1) {
  _this = diesesArg;
 }
 wenn (!Array.isArray(arr)) {
  throw "forEach-Methode kann nur auf Arrays verwendet werden";
 }

 für (let index = 0; index < arr.length; index++) {
  fn.call(_this, arr[index], index, arr);
 }
};

Dies ist das Ende dieses Artikels über die detaillierte Verwendung des js-Arrays für jedes Beispiel. Weitere Informationen zur Verwendung der js-Array-Methode für jede Methode finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!