Sie müssen JavaScript-Array-Methoden kennen

In diesem Leitfaden werden sechs grundlegende JavaScript-Array-Methoden erläutert: filter, map, reduce, some, every und includes. Wenn Sie diese beherrschen, werden Ihre JavaScript-Programmierkenntnisse erheblich verbessert.

1. filter()Methode:

Die Methode filter() erstellt ein neues Array, das nur Elemente enthält, die eine bestimmte Bedingung erfüllen. Elemente, die die Bedingung nicht erfüllen, werden weggelassen.

Wie es funktioniert:

• Durchläuft jedes Array-Element.
• Wendet eine Rückruffunktion auf jedes Element an.
• Wenn der Rückruf true zurückgibt, wird das Element in das neue Array aufgenommen; andernfalls ist es ausgeschlossen.

<code class="language-javascript">let boxers = [
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 },
    { name: "Jermall Charlo", weight: 160 },
    { name: "Terence Crawford", weight: 146 }
];

// Filter boxers weighing over 170 pounds
let heavyweights = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyweights);</code>

Ausgabe:

<code class="language-javascript">[
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 }
]</code>

2. map()Methode:

Die map()-Methode transformiert jedes Element eines Arrays und gibt ein neues Array mit den transformierten Elementen zurück.

Wie es funktioniert:

• Durchläuft jedes Array-Element.
• Wendet eine Rückruffunktion auf jedes Element an.
• Der Rückgabewert des Rückrufs ersetzt das ursprüngliche Element im neuen Array.

<code class="language-javascript">let decimalNumbers = [222, 354, 4684, 123, 5];

// Convert decimal numbers to hexadecimal
let hexNumbers = decimalNumbers.map(num => num.toString(16));

console.log(hexNumbers);</code>

3. reduce()Methode:

Die reduce()-Methode wendet iterativ eine Rückruffunktion auf jedes Element an und akkumuliert einen einzelnen Ergebniswert.

Wie es funktioniert:

• Durchläuft das Array.
• Wendet den Rückruf auf einen Akkumulator und das aktuelle Element an.
• Das Ergebnis des Rückrufs wird zum neuen Akkumulatorwert.
• Der endgültige Akkumulatorwert wird zurückgegeben.

<code class="language-javascript">let numbers = [1, 2, 3, 4, 5];

// Calculate the sum of all numbers
let sum = numbers.reduce((accumulator, current) => accumulator + current, 0);

console.log(sum); // Output: 15</code>

4. some()Methode:

Die Methode some() prüft, ob mindestens ein Element eine bestimmte Bedingung erfüllt. Es gibt true zurück, wenn eine Übereinstimmung gefunden wird, false andernfalls.

Wie es funktioniert:

• Durchläuft das Array.
• Stoppt und kehrt true sofort zurück, wenn ein Element gefunden wird, das die Bedingung erfüllt.
• Gibt false zurück, wenn kein Element die Bedingung erfüllt.

<code class="language-javascript">let ages = [16, 20, 14, 18];

// Check if at least one person is an adult (≥ 18)
let hasAdult = ages.some(age => age >= 18);

console.log(hasAdult); // Output: true</code>

5. every()Methode:

Die Methode every() prüft, ob alle Elemente eine bestimmte Bedingung erfüllen. Gibt true nur zurück, wenn jedes Element erfolgreich ist; andernfalls false.

Wie es funktioniert:

• Durchläuft das Array.
• Gibt false sofort zurück, wenn ein Element die Bedingung nicht erfüllt.
• Gibt true nur zurück, wenn alle Elemente erfolgreich sind.

<code class="language-javascript">let scores = [80, 85, 90, 95];

// Check if all scores are above 75
let allAbove75 = scores.every(score => score > 75);

console.log(allAbove75); // Output: true</code>

6. includes()Methode:

Die Methode includes() prüft, ob ein Array einen bestimmten Wert enthält. Gibt true zurück, wenn gefunden, false andernfalls.

Wie es funktioniert:

• Sucht nach dem Wert unter Verwendung strikter Gleichheit (===).
• Ein optionaler Startindex kann angegeben werden.

<code class="language-javascript">let boxers = [
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 },
    { name: "Jermall Charlo", weight: 160 },
    { name: "Terence Crawford", weight: 146 }
];

// Filter boxers weighing over 170 pounds
let heavyweights = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyweights);</code>

Das obige ist der detaillierte Inhalt vonSie müssen JavaScript-Array-Methoden kennen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!