Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kaedah traversal baharu dalam es6?

Apakah kaedah traversal baharu dalam es6?

青灯夜游
青灯夜游asal
2022-03-23 16:38:232109semak imbas

Kaedah traversal baharu ialah: 1. findIndex(), yang boleh melintasi tatasusunan dan mencari elemen padanan; ( ), melintasi pasangan nilai kunci;

Apakah kaedah traversal baharu dalam es6?

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

10 kaedah traversal yang biasa digunakan dalam ES5:

1. Penyataan gelung asal

2 Kaedah

3. Kaedah terbina dalam Array.prototype.map

4 .reduce array object Kaedah terbina dalam

6. Array.prototype.some array object built-in method

7 Array.prototype.every array object built-in method

8. Kaedah terbina dalam Array.prototype.indexOf array Object

9, Array.prototype.lastIndexOf kaedah terbina dalam objek array

10,

Penyataan gelung

for...inKaedah traversal baharu ES6

findIndex(panggilan balik [, thisArg]) mencari elemen yang sepadan dalam tatasusunan

找到一个就返回匹配的元素的下标,没找到就返回-1。
let arr = [1, 2, 3, 4, 5, 6]// 此时我们找大于2的数
let newArr = arr.findIndex(val => {return val > 2})
console.log(newArr) // 2
find(fn(callback) [, thisArg])

Cari elemen padanan dalam tatasusunan, dan kembalikan elemen padanan jika satu ditemui

Nota: Contoh berikut ialah demonstrasi yang salah berbanding dengan keperluan, kerana kita ingin mencari nilai yang lebih besar daripada 2. Apabila padanan 3 ditemui dan syarat dipenuhi, fungsi akan berhenti Contoh:

entri(), kekunci. () dan values()<.>

let arr = [1, 2, 3, 4, 5, 6]
// 此时我们找大于2的数
let newArr = arr.find(val => {
    return val > 2
})
console.log(newArr) // 3
ES6 menyediakan tiga kaedah baharu - entri(), keys() dan values() - untuk merentasi tatasusunan dan objek, yang boleh digunakan

Satu-satunya perbezaan ialah kunci() melintasi nama kunci, nilai() melintasi nilai kunci, dan entri() melintasi pasangan nilai kunci

Jika tidak. ..dari gelung, anda boleh memanggil kaedah seterusnya objek traverse secara manual untuk melintasi

for...of

[Cadangan berkaitan:
for (let index of [&#39;a&#39;, &#39;b&#39;].keys()) {
  console.log(index);
}
// 0
// 1

for (let elem of [&#39;a&#39;, &#39;b&#39;].values()) {
  console.log(elem);
}
// &#39;a&#39;
// &#39;b&#39;

for (let [index, elem] of [&#39;a&#39;, &#39;b&#39;].entries()) {
  console.log(index, elem);
}
// 0 "a"
// 1 "b"
tutorial video javascript

,

bahagian hadapan web<.>】
let letter = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;];  
let entries = letter.entries();  
console.log(entries.next().value); // [0, &#39;a&#39;]  
console.log(entries.next().value); // [1, &#39;b&#39;]  
console.log(entries.next().value); // [2, &#39;c&#39;]

Atas ialah kandungan terperinci Apakah kaedah traversal baharu dalam es6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn