Masīvu atkārtošana JavaScript ir būtisks uzdevums, ko izstrādātāji bieži veic. JavaScript nodrošina vairākas metodes, kā atkārtot masīvus, tostarp for, forEach(), map(), filtrs(), samazināt() un for…of. Katrai metodei ir savi lietošanas gadījumi, priekšrocības un labākā prakse. Šajā rokasgrāmatā ir izpētītas šīs dažādās masīvu iterācijas metodes, parādot, kā efektīvi pārvietoties pa masīviem, lai manipulētu ar to elementiem un piekļūtu tiem JavaScript.

Ir daudz veidu, kā atkārtot JavaScript masīvu:

Satura rādītājs

• 1. Izmantojot console.log() metodi
• 2. Izmantojot for Loop
• 3. Izmantojot while cilpu
• 4. ForEach() metodes izmantošana
• 5. Izmantojot katru() metodi
• 6. Izmantojot map() metodi
• 7. Izmantojot filtru() metodi
• 8. Izmantojot samazināt() metodi
• 9. Izmantojot kādu() metodi
• 10. Izmantojot ierakstus() metodi

1. Izmantojot console.log() metodi

Piemērs: Šajā piemērā mēs piekļūsim vienkāršiem masīva elementiem, izmantojot to indeksa numuru.

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 

Ir vairāki veidi, kā JavaScript masīvā var atkārtot. Noderīgākie ir minēti tālāk.

2. Izmantojot for Loop

The priekš Loop izpilda instrukciju kopu atkārtoti, līdz dotais nosacījums kļūst nepatiess. Tas ir līdzīgs cilpām citās valodās, piemēram, C/C++, Java utt.

Piemērs: Šajā piemērā mēs izmantojam cilpu masīva iterācijai.

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. Izmantojot while cilpu

A kamēr cilpa JavaScript ir vadības plūsmas paziņojums, kas ļauj kodu atkārtoti izpildīt, pamatojoties uz doto Būla nosacījumu.

Piemērs: Šajā piemērā mēs izmantojam cilpu while masīva iterācijai.

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() metodes izmantošana

The ForEach() metode vienu reizi izsauc sniegto funkciju katram pasūtījuma masīva elementam.

Piemērs: Šajā piemērā mēs izmantojam metodi forEach() masīva iterācijai.

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. Izmantojot katru() metodi

The katra() metode pārbauda, ​​vai visi masīva elementi iztur pārbaudi (nodrošina kā funkciju).

Piemērs: Šajā piemērā mēs izmantojam katru () metodi masīva iterācijai.

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. Izmantojot map() metodi

A karte() Metode piemēro funkciju katram elementam un pēc tam atgriež jauno masīvu.

Piemērs: Šajā piemērā mēs izmantojam map() metodi masīva iterācijai.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); kvadrāts = masīvs.karte(kvadrāts); konsole.log(masīvs); konsole.log(kvadrāts);>>   
  Izvade   
[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ] 
    
    7. Izmantojot filtru() metodi     
 
     filtra() metode      tiek izmantots, lai filtrētu vērtības no masīva un atgrieztu jauno filtrēto masīvu.  
  
    Piemērs:     Šajā piemērā mēs izmantojam filtru () metodi masīva iterācijai.  
Javascript   
let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; let evens = masīvs.filtrs(pāra); konsole.log(masīvs); konsole.log(evens);>>   
  Izvade       8. Izmantojot samazināt() metodi      
     samazināt() metode      tiek izmantots, lai samazinātu masīvu vienā vērtībā, izmantojot kādu funkcionālu loģiku.  
  
    Piemērs:     Šajā piemērā mēs izmantojam reducēšanas () metodi masīva iterācijai.  
Javascript   
let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + curr; const summa = masīvs.reduce(helperSum, 0); konsole.log(masīvs) console.log(sum);>>   
  Izvade       9. Izmantojot kādu() metodi      
     daži() metode      tiek izmantots, lai pārbaudītu, vai dažas masīva vērtības iztur testu.  
  
    Piemērs:     Šajā piemērā mēs izmantojam kādu () metodi masīva iterācijai.  
Javascript   
let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>elements < 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 ') } 
    
  Izvade    10. Izmantojot ierakstus() metodi   
 Metode entries() atgriež jaunu masīva iteratora objektu, kas satur atslēgu/vērtību pārus katram masīva indeksam. To var izmantot, lai piekļūtu gan indeksam, gan katra elementa vērtībai.  
  
    Piemērs:     Šajā piemērā mēs izmantojam entries() metodi masīva iterācijai.  
JavaScript   
let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); } 
    
  Izvade   
0 1 1 2 2 3 3 4 4 5 5 6