Rumah > Artikel > hujung hadapan web > Apakah kaedah traversal baharu dalam es6?
Kaedah traversal baharu ialah: 1. findIndex(), yang boleh melintasi tatasusunan dan mencari elemen padanan; ( ), melintasi pasangan nilai kunci;
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...in
Kaedah traversal baharu ES6
找到一个就返回匹配的元素的下标,没找到就返回-1。 let arr = [1, 2, 3, 4, 5, 6]// 此时我们找大于2的数 let newArr = arr.findIndex(val => {return val > 2}) console.log(newArr) // 2find(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) // 3ES6 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 melintasifor...of
for (let index of ['a', 'b'].keys()) { console.log(index); } // 0 // 1 for (let elem of ['a', 'b'].values()) { console.log(elem); } // 'a' // 'b' for (let [index, elem] of ['a', 'b'].entries()) { console.log(index, elem); } // 0 "a" // 1 "b"tutorial video javascript
,
bahagian hadapan web<.>】let letter = ['a', 'b', 'c']; let entries = letter.entries(); console.log(entries.next().value); // [0, 'a'] console.log(entries.next().value); // [1, 'b'] console.log(entries.next().value); // [2, 'c']
Atas ialah kandungan terperinci Apakah kaedah traversal baharu dalam es6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!