Iteration over arrays i JavaScript er en grundlæggende opgave, som udviklere ofte udfører. JavaScript giver flere metoder til at iterere gennem arrays, inklusive for, forEach(), map(), filter(), reduce() og for...of. Hver metode har sine specifikke use cases, fordele og bedste praksis. Denne vejledning udforsker disse forskellige array-iterationsmetoder og demonstrerer, hvordan man effektivt sløjfer gennem arrays for at manipulere og få adgang til deres elementer i JavaScript.

Der er mange måder at iterere gennem et array i JavaScript:

Indholdsfortegnelse

• 1. Brug af console.log()-metoden
• 2. Brug for Loop
• 3. Brug af while-løkke
• 4. Brug forEach()-metoden
• 5. Brug af hver() metode
• 6. Brug af map()-metoden
• 7. Brug af filter()-metoden
• 8. Brug af metoden reduce().
• 9. Brug af nogle()-metoden
• 10. Brug af entries()-metoden

1. Brug af console.log()-metoden

Eksempel: I dette eksempel vil vi få adgang til simple array-elementer ved hjælp af deres indeksnummer.

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 

Der er flere måder, man kan iterere over et array i JavaScript. De mest nyttige er nævnt nedenfor.

2. Brug for Loop

Det for Loop udfører et sæt instruktioner gentagne gange, indtil den givne betingelse bliver falsk. Det ligner loops på andre sprog som C/C++, Java osv.

Eksempel: I dette eksempel bruger vi for loop til iteration af et 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. Brug af while-løkke

EN mens loop i JavaScript er en kontrolflow-sætning, der gør det muligt at udføre koden gentagne gange baseret på den givne booleske tilstand.

Eksempel: I dette eksempel bruger vi while-løkke til iteration af et 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. Brug forEach()-metoden

Det forEach() metode kalder den leverede funktion én gang for hvert array-element i rækkefølgen.

Eksempel: I dette eksempel bruger vi metoden forEach() til iteration af et 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. Brug af hver() metode

Det hver() metode kontrollerer, om alle elementer i et array består en test (leveret som en funktion).

Eksempel: I dette eksempel bruger vi every() metode til iteration af et 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. Brug af map()-metoden

EN map() Metode anvender en funktion over hvert element og returnerer derefter det nye array.

Eksempel: I dette eksempel bruger vi map()-metoden til iteration af et array.

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

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

7. Brug af filter()-metoden

filter() metode bruges til at filtrere værdier fra et array og returnere det nye filtrerede array.

Eksempel: I dette eksempel bruger vi filter()-metoden til iteration af et array.

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

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

8. Brug af metoden reduce().

reduce() Metode bruges til at reducere arrayet til en enkelt værdi ved hjælp af en funktionel logik.

Eksempel: I dette eksempel bruger vi metoden reduce() til iteration af et array.

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

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

9. Brug af nogle()-metoden

nogle() Metode bruges til at kontrollere, om nogle array-værdier består en test.

Eksempel: I dette eksempel bruger vi en eller anden() metode til iteration af et 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. Brug af entries()-metoden

Entries()-metoden returnerer et nyt Array Iterator-objekt, der indeholder nøgle/værdi-parrene for hvert indeks i arrayet. Dette kan bruges til at få adgang til både indekset og værdien af ​​hvert element.

Eksempel: I dette eksempel bruger vi entries()-metoden til iteration af et 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