Het herhalen van arrays in JavaScript is een fundamentele taak die ontwikkelaars vaak uitvoeren. JavaScript biedt verschillende methoden om arrays te doorlopen, waaronder for, forEach(), map(), filter(), reduce() en for…of. Elke methode heeft zijn specifieke gebruiksscenario's, voordelen en best practices. Deze handleiding onderzoekt deze verschillende array-iteratiemethoden en laat zien hoe u effectief door arrays kunt bladeren om hun elementen in JavaScript te manipuleren en te openen.

Er zijn veel manieren om een ​​array in JavaScript te doorlopen:

Inhoudsopgave

• 1. Gebruik de console.log()-methode
• 2. Gebruik voor lus
• 3. While-lus gebruiken
• 4. De methode forEach() gebruiken
• 5. Elke()-methode gebruiken
• 6. Map()-methode gebruiken
• 7. Gebruik de filter()-methode
• 8. Gebruik de reduce()-methode
• 9. Een aantal()-methode gebruiken
• 10. Met behulp van de entry()-methode

1. Gebruik de console.log()-methode

Voorbeeld: In dit voorbeeld hebben we toegang tot eenvoudige array-elementen met behulp van hun indexnummer.

let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]);>

geeks 4 geeks>

Er zijn meerdere manieren waarop u een array in JavaScript kunt herhalen. De handigste worden hieronder vermeld.

2. Gebruik voor lus

De for loop voert herhaaldelijk een reeks instructies uit totdat de gegeven voorwaarde onwaar wordt. Het is vergelijkbaar met loops in andere talen zoals C/C++, Java, enz.

Voorbeeld: In dit voorbeeld gebruiken we for-lus voor iteratie van een array.

let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index < array.length; index++) {  console.log(array[index]); }>

1 2 3 4 5 6>

3. While-lus gebruiken

A herhalingslus in JavaScript is een controlestroominstructie waarmee de code herhaaldelijk kan worden uitgevoerd op basis van de gegeven Booleaanse voorwaarde.

Voorbeeld: In dit voorbeeld gebruiken we while-lus voor iteratie van een array.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index < array.length) {  console.log(array[index]);  index++; }>

1 2 3 4 5 6>

4. De methode forEach() gebruiken

De forEach() Methode roept de opgegeven functie één keer aan voor elk array-element in de bestelling.

Voorbeeld: In dit voorbeeld gebruiken we de methode forEach() voor iteratie van een array.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) {  console.log(item); }>

1 2 3 4 5 6>

5. Elke()-methode gebruiken

De elke() methode controleert of alle elementen in een array een test doorstaan ​​(aangeleverd als functie).

Voorbeeld: In dit voorbeeld gebruiken we de methode every() voor de iteratie van een array.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; const under_five = x =>X< 5; if (array.every(under_five)) {  console.log('All are less than 5'); } else {  console.log('At least one element is not less than 5'); }>

At least one element is not less than 5>

6. Map()-methode gebruiken

A map() Methode past een functie toe op elk element en retourneert vervolgens de nieuwe array.

Voorbeeld: In dit voorbeeld gebruiken we de map()-methode voor iteratie van een array.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Wiskunde.pow(x, 2); vierkant = array.map(vierkant); console.log(matrix); console.log(vierkant);>

[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ]>

7. Gebruik de filter()-methode

filter() Methode wordt gebruikt om waarden uit een array te filteren en de nieuwe gefilterde array te retourneren.

Voorbeeld: In dit voorbeeld gebruiken we de filter()-methode voor iteratie van een array.

let array = [1, 2, 3, 4, 5, 6]; let even = x =>x% 2 === 0; laat evens = array.filter(even); console.log(matrix); console.log(evens);>

[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ]>

8. Gebruik de reduce()-methode

reduce() Methode wordt gebruikt om de array terug te brengen tot één enkele waarde met behulp van een aantal functionele logica.

Voorbeeld: In dit voorbeeld gebruiken we de methode reduce() voor iteratie van een array.

let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + huidige; const som = array.reduce(helperSum, 0); console.log(array) console.log(som);>

[ 1, 2, 3, 4, 5, 6 ] 21>

9. Een aantal()-methode gebruiken

sommige() Methode wordt gebruikt om te controleren of sommige arraywaarden een test doorstaan.

Voorbeeld: In dit voorbeeld gebruiken we de methode some() voor de iteratie van een array.

let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>element< 4; const lessthanFour = array.some(lessthanFourCheck); console.log(array); if (lessthanFour) {  console.log('At least one element is less than 4') } else {  console.log('All elements are greater than 4 ') }>

[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4>

10. Met behulp van de entry()-methode

De methode entry() retourneert een nieuw Array Iterator-object dat de sleutel/waarde-paren bevat voor elke index in de array. Dit kan worden gebruikt om toegang te krijgen tot zowel de index als de waarde van elk element.

Voorbeeld: In dit voorbeeld gebruiken we de methode entry() voor iteratie van een array.

let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); }>

0 1 1 2 2 3 3 4 4 5 5 6>