Iteration över arrayer i JavaScript är en grundläggande uppgift som utvecklare ofta utför. JavaScript tillhandahåller flera metoder för att iterera genom arrayer, inklusive for, forEach(), map(), filter(), reduce() och for...of. Varje metod har sina specifika användningsfall, fördelar och bästa praxis. Den här guiden utforskar dessa olika array-iterationsmetoder och visar hur man effektivt loopar igenom arrayer för att manipulera och komma åt deras element i JavaScript.

Det finns många sätt att iterera genom en array i JavaScript:

Innehållsförteckning

• 1. Använd console.log()-metoden
• 2. Använd för Loop
• 3. Använd while loop
• 4. Använda metoden forEach().
• 5. Använda every() Method
• 6. Använda map()-metoden
• 7. Använder metoden filter().
• 8. Använd metoden reduce().
• 9. Använda någon() metod
• 10. Använd entries()-metoden

1. Använd console.log()-metoden

Exempel: I det här exemplet kommer vi att komma åt enkla arrayelement med deras 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>

Det finns flera sätt man kan iterera över en array i JavaScript. De mest användbara nämns nedan.

2. Använd för Loop

De för Loop exekverar en uppsättning instruktioner upprepade gånger tills det givna villkoret blir falskt. Det liknar loopar på andra språk som C/C++, Java, etc.

Exempel: I det här exemplet använder vi for loop för iteration av en 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. Använd while loop

A medan loop i JavaScript är en kontrollflödessats som gör att koden kan köras upprepade gånger baserat på det givna booleska villkoret.

Exempel: I det här exemplet använder vi while loop för iteration av en 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. Använda metoden forEach().

De forEach()-metod anropar den tillhandahållna funktionen en gång för varje matriselement i ordningen.

Exempel: I det här exemplet använder vi metoden forEach() för iteration av en 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. Använda every() Method

De every() metod kontrollerar om alla element i en array klarar ett test (tillhandahålls som en funktion).

Exempel: I det här exemplet använder vi metoden every() för iteration av en 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. Använda map()-metoden

A map() Metod tillämpar en funktion över varje element och returnerar sedan den nya arrayen.

Exempel: I det här exemplet använder vi metoden map() för iteration av en array.

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

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

7. Använder metoden filter().

filter() Metod används för att filtrera värden från en array och returnera den nya filtrerade arrayen.

Exempel: I det här exemplet använder vi metoden filter() för iteration av en array.

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

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

8. Använd metoden reduce().

reduce() Metod används för att reducera matrisen till ett enda värde med hjälp av någon funktionell logik.

Exempel: I det här exemplet använder vi metoden reduce() för iteration av en array.

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

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

9. Använda någon() metod

some() Metod används för att kontrollera om vissa matrisvärden klarar ett test.

Exempel: I det här exemplet använder vi metoden some() för iteration av en 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. Använd entries()-metoden

Metoden entries() returnerar ett nytt Array Iterator-objekt som innehåller nyckel/värdeparen för varje index i arrayen. Detta kan användas för att komma åt både indexet och värdet för varje element.

Exempel: I det här exemplet använder vi metoden entries() för iteration av en 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>