logo

Iterujte pole v JavaScripte

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().

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>