Iterering over arrays i JavaScript er en grunnleggende oppgave som utviklere ofte utfører. JavaScript gir flere metoder for å iterere gjennom arrays, inkludert for, forEach(), map(), filter(), reduce() og for...of. Hver metode har sine spesifikke brukstilfeller, fordeler og beste praksis. Denne veiledningen utforsker disse forskjellige array-iterasjonsmetodene, og demonstrerer hvordan du effektivt kan sløyfe gjennom arrays for å manipulere og få tilgang til elementene deres i JavaScript.

Det er mange måter å iterere gjennom en matrise i JavaScript:

Innholdsfortegnelse

• 1. Bruke console.log()-metoden
• 2. Bruk for Loop
• 3. Bruk while-løkke
• 4. Bruk forEach()-metoden
• 5. Bruke hver() metode
• 6. Bruke map()-metoden
• 7. Bruke filter()-metoden
• 8. Bruke redusere()-metoden
• 9. Bruke noen()-metoden
• 10. Bruke entries()-metoden

1. Bruke console.log()-metoden

Eksempel: I dette eksemplet vil vi få tilgang til enkle array-elementer ved å bruke 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 

Det er flere måter man kan iterere over en matrise i JavaScript. De mest nyttige er nevnt nedenfor.

2. Bruk for Loop

De for Loop utfører et sett med instruksjoner gjentatte ganger til den gitte tilstanden blir usann. Det ligner på løkker på andre språk som C/C++, Java, etc.

Eksempel: I dette eksemplet bruker vi for loop for iterasjon av en matrise.

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. Bruk while-løkke

EN mens loop i JavaScript er en kontrollflytsetning som gjør at koden kan kjøres gjentatte ganger basert på den gitte boolske tilstanden.

Eksempel: I dette eksemplet bruker vi while-løkke for iterasjon av en matrise.

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. Bruk forEach()-metoden

De forEach()-metoden kaller opp funksjonen én gang for hvert matriseelement i rekkefølgen.

Eksempel: I dette eksemplet bruker vi forEach()-metoden for iterasjon av en matrise.

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. Bruke hver() metode

De hver() metode sjekker om alle elementene i en matrise består en test (gitt som en funksjon).

Eksempel: I dette eksemplet bruker vi every()-metoden for iterasjon av en matrise.

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. Bruke map()-metoden

EN map() Metode bruker en funksjon over hvert element og returnerer deretter den nye matrisen.

Eksempel: I dette eksemplet bruker vi map()-metoden for iterasjon av en matrise.

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

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

7. Bruke filter()-metoden

filter() Metode brukes til å filtrere verdier fra en matrise og returnere den nye filtrerte matrisen.

Eksempel: I dette eksemplet bruker vi filter()-metoden for iterasjon av en matrise.

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

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

8. Bruke redusere()-metoden

redusere() Metode brukes til å redusere matrisen til én enkelt verdi ved å bruke funksjonell logikk.

Eksempel: I dette eksemplet bruker vi metoden reduce() for iterasjon av en matrise.

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

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

9. Bruke noen()-metoden

noen() Metode brukes til å sjekke om noen matriseverdier består en test.

Eksempel: I dette eksemplet bruker vi noen() metode for iterasjon av en matrise.

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. Bruke entries()-metoden

Entries()-metoden returnerer et nytt Array Iterator-objekt som inneholder nøkkel/verdi-parene for hver indeks i matrisen. Dette kan brukes til å få tilgang til både indeksen og verdien til hvert element.

Eksempel: I dette eksemplet bruker vi entries()-metoden for iterasjon av en matrise.

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