Iterowanie po tablicach w JavaScript jest podstawowym zadaniem, które często wykonują programiści. JavaScript udostępnia kilka metod iteracji po tablicach, w tym for, forEach(), map(), filter(), redukuj() i for…of. Każda metoda ma swoje specyficzne przypadki użycia, zalety i najlepsze praktyki. W tym przewodniku omówiono różne metody iteracji tablic, pokazując, jak skutecznie przechodzić przez tablice w celu manipulowania ich elementami i uzyskiwania dostępu do nich w JavaScript.

Istnieje wiele sposobów iteracji tablicy w JavaScript:

Spis treści

• 1. Korzystanie z metody console.log().
• 2. Korzystanie z pętli for
• 3. Użycie pętli while
• 4. Korzystanie z metody forEach().
• 5. Stosowanie metody Every().
• 6. Korzystanie z metody map().
• 7. Korzystanie z metody filter().
• 8. Korzystanie z metody redukcji().
• 9. Korzystanie z metody Some().
• 10. Korzystanie z metody wpisów().

1. Korzystanie z metody console.log().

Przykład: W tym przykładzie uzyskamy dostęp do prostych elementów tablicy za pomocą ich numeru indeksu.

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 

Istnieje wiele sposobów iteracji po tablicy w JavaScript. Najbardziej przydatne zostały wymienione poniżej.

2. Korzystanie z pętli for

The dla pętli wykonuje zestaw instrukcji wielokrotnie, aż podany warunek stanie się fałszywy. Jest podobny do pętli w innych językach, takich jak C/C++, Java itp.

Przykład: W tym przykładzie używamy pętli for do iteracji tablicy.

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. Użycie pętli while

A pętla while w JavaScript to instrukcja przepływu sterowania, która umożliwia wielokrotne wykonanie kodu w oparciu o podany warunek boolowski.

Przykład: W tym przykładzie używamy pętli while do iteracji tablicy.

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. Korzystanie z metody forEach().

The Metoda forEach(). wywołuje podaną funkcję raz dla każdego elementu tablicy w kolejności.

Przykład: W tym przykładzie używamy metody forEach() do iteracji tablicy.

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. Stosowanie metody Every().

The Metoda Every(). sprawdza, czy wszystkie elementy tablicy przeszły test (podany jako funkcja).

Przykład: W tym przykładzie używamy metody Every() do iteracji tablicy.

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. Korzystanie z metody map().

A Metoda map(). stosuje funkcję do każdego elementu, a następnie zwraca nową tablicę.

Przykład: W tym przykładzie używamy metody map() do iteracji tablicy.

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

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

7. Korzystanie z metody filter().

Metoda filter(). służy do filtrowania wartości z tablicy i zwracania nowej przefiltrowanej tablicy.

Przykład: W tym przykładzie używamy metody filter() do iteracji tablicy.

let array = [1, 2, 3, 4, 5, 6]; let even = x =>x% 2 === 0; niech Evens = array.filter(parzysty); konsola.log(tablica); konsola.log(wyrównania); 

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

8. Korzystanie z metody redukcji().

Metoda redukcji(). służy do zredukowania tablicy do jednej wartości przy użyciu logiki funkcjonalnej.

Przykład: W tym przykładzie używamy metody redukcji() do iteracji tablicy.

let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + bieżący; const suma = array.reduce(helperSum, 0); konsola.log(tablica) konsola.log(suma); 

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

9. Korzystanie z metody Some().

metoda Some(). służy do sprawdzania, czy niektóre wartości tablicy przeszły test.

Przykład: W tym przykładzie używamy metodysome() do iteracji tablicy.

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. Korzystanie z metody wpisów().

Metoda wpisów() zwraca nowy obiekt Array Iterator, który zawiera pary klucz/wartość dla każdego indeksu w tablicy. Można tego użyć, aby uzyskać dostęp zarówno do indeksu, jak i wartości każdego elementu.

Przykład: W tym przykładzie używamy metody wpisów() do iteracji tablicy.

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