logo

Iterujte pole v JavaScriptu

Iterace přes pole v JavaScriptu je základní úkol, který vývojáři často provádějí. JavaScript poskytuje několik metod pro iteraci přes pole, včetně for, forEach(), map(), filter(), reduction() a for...of. Každá metoda má své specifické případy použití, výhody a osvědčené postupy. Tato příručka zkoumá tyto různé metody iterace polí a ukazuje, jak efektivně procházet poli, abyste mohli manipulovat s jejich prvky a přistupovat k nim v JavaScriptu.

Existuje mnoho způsobů, jak iterovat pole v JavaScriptu:

Obsah



1. Použití metody console.log().

Příklad: V tomto příkladu budeme přistupovat k jednoduchým prvkům pole pomocí jejich indexového čísla.

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

Výstup
geeks 4 geeks>

Existuje několik způsobů, jak lze iterovat pole v JavaScriptu. Ty nejužitečnější jsou uvedeny níže.

2. Použití pro smyčku

The pro Loop opakovaně provádí sadu instrukcí, dokud se daná podmínka nestane nepravdivou. Je to podobné jako smyčky v jiných jazycích, jako je C/C++, Java atd.

Příklad: V tomto příkladu používáme cyklus for pro iteraci pole.

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

Výstup
1 2 3 4 5 6>

3. Použití smyčky while

A zatímco smyčka v JavaScriptu je příkaz řídicího toku, který umožňuje opakované provádění kódu na základě dané booleovské podmínky.

Příklad: V tomto příkladu používáme smyčku while pro iteraci pole.

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

Výstup
1 2 3 4 5 6>

4. Použití metody forEach().

The forEach() metoda volá poskytnutou funkci jednou pro každý prvek pole v objednávce.

Příklad: V tomto příkladu používáme metodu forEach() pro iteraci pole.

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

Výstup
1 2 3 4 5 6>

5. Použití metody every().

The metoda every(). kontroluje, zda všechny prvky v poli projdou testem (poskytován jako funkce).

Příklad: V tomto příkladu používáme metodu every() pro iteraci pole.

javascript
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'); }>

Výstup
At least one element is not less than 5>

6. Použití metody map().

A metoda map(). aplikuje funkci na každý prvek a poté vrátí nové pole.

Příklad: V tomto příkladu používáme metodu map() pro iteraci pole.

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

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

7. Použití metody filter().

filtr() metoda se používá k filtrování hodnot z pole a vrácení nového filtrovaného pole.

Příklad: V tomto příkladu používáme metodu filter() pro iteraci pole.

Javascript
let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; nech sude = pole.filtr(sudy); console.log(pole); console.log(evens);>

Výstup
[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ]>

8. Použití metody snížit().

metoda snížit(). se používá k redukci pole na jednu jedinou hodnotu pomocí nějaké funkční logiky.

Příklad: V tomto příkladu používáme metodu reduction() pro iteraci pole.

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

Výstup
[ 1, 2, 3, 4, 5, 6 ] 21>

9. Použití metody some().

some() Method se používá ke kontrole, zda některé hodnoty pole projdou testem.

Příklad: V tomto příkladu používáme metodusome() pro iteraci pole.

Javascript
let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>živel< 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 ') }>

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

10. Použití metody entries().

Metoda entries() vrací nový objekt Array Iterator, který obsahuje páry klíč/hodnota pro každý index v poli. To lze použít pro přístup jak k indexu, tak k hodnotě každého prvku.

Příklad: V tomto příkladu používáme metodu entries() pro iteraci pole.

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

Výstup
0 1 1 2 2 3 3 4 4 5 5 6>