Iterácia cez polia v JavaScripte je základná úloha, ktorú vývojári často vykonávajú. JavaScript poskytuje niekoľko metód na iteráciu cez polia, vrátane for, forEach(), map(), filter(), reduction() a for...of. Každá metóda má svoje špecifické prípady použitia, výhody a osvedčené postupy. Táto príručka skúma tieto rôzne metódy iterácie polí a ukazuje, ako efektívne prechádzať poliami na manipuláciu a prístup k ich prvkom v JavaScripte.
Existuje mnoho spôsobov, ako iterovať cez pole v JavaScripte:
Obsah
- 1. Použitie metódy console.log().
- 2. Použitie pre slučku
- 3. Použitie while slučky
- 4. Použitie metódy forEach().
- 5. Použitie metódy every().
- 6. Použitie metódy map().
- 7. Použitie metódy filter().
- 8. Použitie metódy znížiť().
- 9. Použitie metódy some().
- 10. Použitie metódy entries().
1. Použitie metódy console.log().
Príklad: V tomto príklade budeme pristupovať k jednoduchým prvkom poľa pomocou ich 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ýkon
geeks 4 geeks>
Existuje niekoľko spôsobov, ako je možné iterovať pole v JavaScripte. Najužitočnejšie z nich sú uvedené nižšie.
2. Použitie pre slučku
The pre Loop vykoná súbor inštrukcií opakovane, kým sa daná podmienka nestane nepravdivou. Je to podobné ako slučky v iných jazykoch ako C/C++, Java atď.
Príklad: V tomto príklade používame cyklus for na iteráciu poľa.
javascript let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index < array.length; index++) { console.log(array[index]); }> Výkon
1 2 3 4 5 6>
3. Použitie slučky while
A pričom slučka v JavaScripte je príkaz riadiaceho toku, ktorý umožňuje opakované spustenie kódu na základe danej boolovskej podmienky.
Príklad: V tomto príklade používame cyklus while na iteráciu poľa.
javascript let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index < array.length) { console.log(array[index]); index++; }> Výkon
1 2 3 4 5 6>
4. Použitie metódy forEach().
The forEach() metóda zavolá poskytnutú funkciu raz pre každý prvok poľa v objednávke.
Príklad: V tomto príklade používame metódu forEach() na iteráciu poľa.
javascript let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) { console.log(item); }> Výkon
1 2 3 4 5 6>
5. Použitie metódy every().
The metóda every(). kontroluje, či všetky prvky v poli prejdú testom (poskytnutým ako funkcia).
Príklad: V tomto príklade používame metódu every() na iteráciu poľa.
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ýkon
At least one element is not less than 5>
6. Použitie metódy map().
A map() metóda aplikuje funkciu na každý prvok a potom vráti nové pole.
Príklad: V tomto príklade používame metódu map() na iteráciu poľa.
javascript let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); štvorec = pole.mapa(štvorec); console.log(pole); console.log(square);>
Výkon
[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ]>
7. Použitie metódy filter().
metóda filter(). sa používa na filtrovanie hodnôt z poľa a vrátenie nového filtrovaného poľa.
Príklad: V tomto príklade používame metódu filter() na iteráciu poľa.
Javascript let array = [1, 2, 3, 4, 5, 6]; let even = x =>x %2 === 0; nech sudne = pole.filter(párne); console.log(pole); console.log(párne);>
Výkon
[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ]>
8. Použitie metódy znížiť().
znížiť() metóda sa používa na zmenšenie poľa na jednu jedinú hodnotu pomocou nejakej funkčnej logiky.
Príklad: V tomto príklade používame metódu reduction() na iteráciu poľa.
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(sum);>
Výkon
[ 1, 2, 3, 4, 5, 6 ] 21>
9. Použitie metódy some().
nejaká() metóda sa používa na kontrolu, či niektoré hodnoty poľa prejdú testom.
Príklad: V tomto príklade používame metódusome() na iteráciu poľa.
np výplňJavascript
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 ') }> Výkon
[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4>
10. Použitie metódy entries().
Metóda entries() vracia nový objekt Array Iterator, ktorý obsahuje páry kľúč/hodnota pre každý index v poli. Toto možno použiť na prístup k indexu aj k hodnote každého prvku.
Príklad: V tomto príklade používame metódu entries() na iteráciu poľa.
JavaScript let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) { console.log(index, value); }> Výkon
0 1 1 2 2 3 3 4 4 5 5 6>