Bagaimana untuk melaksanakan traversal tatasusunan dalam es6

Kaedah: 1. Gunakan kaedah "array.keys()", yang boleh melintasi indeks tatasusunan 2. Gunakan kaedah "array.values()", yang boleh melintasi elemen tatasusunan 3. Gunakan kaedah " Array.entry()", yang boleh merentasi indeks dan elemen tatasusunan.

Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.

Cara melaksanakan traversal tatasusunan dalam es6

ES6 menyediakan kaedah entri(), keys(), dan values() untuk mengembalikan lelaran tatasusunan Untuk iterator (Pelajar), anda boleh gunakan untuk.. .of untuk kemudahan, atau anda boleh menggunakan kaedah Iterator.next() bagi iterator yang dikembalikan oleh entri() untuk dilalui.

1. Gunakan kekunci() untuk melintasi.

keys() mengembalikan penyeberang nombor indeks elemen tatasusunan.

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k']
for (let index of arr1.keys()) {
  console.log(index);
}

Keputusan:

Anda boleh melihat bahawa output ialah indeks setiap elemen tatasusunan.

0  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10

2. Gunakan nilai() untuk melintasi.

values() mengembalikan penyeberang nilai elemen tatasusunan.

for (let val of  arr1.values()) {
  console.log(val);
}

Keputusan:

a 
b 
c 
d 
e 
f 
g 
h 
i 
j 
k

3. Gunakan entri() untuk melintasi.

Digunakan dengan pemusnahan, anda boleh mendapatkan indeks dan nilai elemen.

for (let [index, val] of arr1.entries()) {
  console.log(index, val);
}

Keputusan:

0 'a'
1 'b'
2 'c'
3 'd'
4 'e'
5 'f'
6 'g'
7 'h'
8 'i'
9 'j'
10 'k'

4. Gunakan Iterator.next() untuk melintasi.

Berdasarkan traverser yang dikembalikan oleh entri(), memanggil kaedah next() traverser boleh mendapatkan entri akses setiap elemen Entri tersebut mempunyai atribut done untuk menunjukkan sama ada ia sesuai tamat. Anda boleh mendapatkan atribut nilai melalui pintu masuk, iaitu indeks elemen dan tatasusunan nilai.

let arrEntries=arr1.entries();
let entry=arrEntries.next();
while(!entry.done){
  console.log(entry.value);
  entry=arrEntries.next();
}

Hasil:

[ 0, 'a' ]
[ 1, 'b' ]
[ 2, 'c' ]
[ 3, 'd' ]
[ 4, 'e' ]
[ 5, 'f' ]
[ 6, 'g' ]
[ 7, 'h' ]
[ 8, 'i' ]
[ 9, 'j' ]
[ 10, 'k' ]

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan traversal tatasusunan dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!