JavaScriptin taulukoiden iterointi on perustavanlaatuinen tehtävä, jota kehittäjät suorittavat usein. JavaScript tarjoaa useita menetelmiä taulukoiden iterointiin, mukaan lukien for, forEach(), map(), filter(), vähennä() ja for…of. Jokaisella menetelmällä on erityiset käyttötapaukset, edut ja parhaat käytännöt. Tämä opas tutkii näitä erilaisia ​​taulukoiden iterointimenetelmiä ja osoittaa, kuinka tehokkaasti silmukat taulukoiden läpi manipuloidaksesi ja käyttääksesi niiden elementtejä JavaScriptissä.

JavaScriptissä on monia tapoja iteroida taulukon läpi:

Sisällysluettelo

• 1. Käytä menetelmää console.log()
• 2. For Loopin käyttö
• 3. While-silmukan käyttö
• 4. ForEach()-menetelmän käyttäminen
• 5. Every()-menetelmän käyttäminen
• 6. Map()-menetelmän käyttäminen
• 7. Filter()-menetelmän käyttäminen
• 8. Reduce()-menetelmän käyttäminen
• 9. Jokin()-menetelmän käyttäminen
• 10. Enries()-menetelmän käyttäminen

1. Käytä menetelmää console.log()

Esimerkki: Tässä esimerkissä pääsemme yksinkertaisiin taulukon elementteihin käyttämällä niiden indeksinumeroa.

määritellä tietokone

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>

JavaScriptissä on useita tapoja iteroida taulukon yli. Hyödyllisimmät on mainittu alla.

2. For Loopin käyttö

The varten Loop suorittaa joukon käskyjä toistuvasti, kunnes annetusta ehdosta tulee epätosi. Se on samanlainen kuin muiden kielten silmukat, kuten C/C++, Java jne.

Esimerkki: Tässä esimerkissä käytämme for-silmukkaa taulukon iterointiin.

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. While-silmukan käyttö

A kun silmukka JavaScriptissä on ohjausvirtalause, joka sallii koodin suorittamisen toistuvasti annetun loogisen ehdon perusteella.

Esimerkki: Tässä esimerkissä käytämme while-silmukkaa taulukon iterointiin.

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. ForEach()-menetelmän käyttäminen

The forEach()-menetelmällä kutsuu tarjotun funktion kerran jokaiselle järjestyksen taulukon elementille.

Esimerkki: Tässä esimerkissä käytämme forEach()-menetelmää taulukon iterointiin.

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. Every()-menetelmän käyttäminen

The jokainen()-menetelmä tarkistaa, läpäisevätkö kaikki taulukon elementit testin (toimitetaan funktiona).

tostring-menetelmä java

Esimerkki: Tässä esimerkissä käytämme joka()-metodia taulukon iterointiin.

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. Map()-menetelmän käyttö

A kartta() -menetelmä käyttää funktiota jokaiseen elementtiin ja palauttaa sitten uuden taulukon.

Esimerkki: Tässä esimerkissä käytämme map()-menetelmää taulukon iterointiin.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); neliö = array.map(neliö); console.log(array); konsoli.log(neliö);>>  
  Lähtö  
[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ]>
  
    7. Filter()-menetelmän käyttäminen    
     filter() -menetelmä     käytetään suodattamaan arvot taulukosta ja palauttamaan uusi suodatettu taulukko.
 
    Esimerkki:    Tässä esimerkissä käytämme filter()-menetelmää taulukon iterointiin.
ruudukkoasettelu
Javascript 
let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; anna parilliset = array.filter(parillinen); console.log(array); console.log(evens);>>  
  Lähtö      8. Reduce()-menetelmän käyttäminen    
     vähentää() -menetelmä     käytetään vähentämään taulukko yhdeksi arvoksi jonkin toiminnallisen logiikan avulla.
 
    Esimerkki:    Tässä esimerkissä käytämme reduction()-menetelmää taulukon iterointiin.
Javascript 
let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + curr; const summa = array.reduce(helperSum, 0); console.log(array) console.log(sum);>>  
  Lähtö      9. Jokin()-menetelmän käyttäminen    
     jokin() menetelmä     käytetään tarkistamaan, läpäisevätkö jotkin taulukon arvot testin.
 
    Esimerkki:    Tässä esimerkissä käytämme jotakin()-menetelmää taulukon iterointiin.
Javascript 
let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>elementti< 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 ') }>
   
  Lähtö  10. Enries()-menetelmän käyttäminen
Enries()-menetelmä palauttaa uuden Array Iterator -objektin, joka sisältää avain/arvo-parit jokaiselle taulukon indeksille. Tätä voidaan käyttää kunkin elementin indeksiin ja arvoon.
 
    Esimerkki:    Tässä esimerkissä käytämme entries()-menetelmää taulukon iterointiin.
JavaScript 
let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); }>
   
  Lähtö  
0 1 1 2 2 3 3 4 4 5 5 6>