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().
- 2. Použití pro smyčku
- 3. Použití smyčky while
- 4. Použití metody forEach().
- 5. Použití metody every().
- 6. Použití metody map().
- 7. Použití metody filter().
- 8. Použití metody snížit().
- 9. Použití metody some().
- 10. Použití metody entries().
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>