Ada banyak hal baru yang ditambahkan dalam ES5, dan memahaminya akan sangat membantu untuk menulis JavaScript. Misalnya, dalam array, kita mungkin tidak perlu pergi untuk loop dengan cara langsung dan menarik.
Metode baru penulisan array telah ditambahkan dalam ES5, sebagai berikut:
foreach (JS v1.6)
Peta (JS V1.6)
Filter (JS V1.6)
Beberapa (JS v1.6)
Setiap (JS v1.6)
IndexOF (JS V1.6)
LastIndexof (JS V1.6)
Kurangi (JS V1.8)
Reduceright (JS V1.8)
1. Properti objek array array yang biasa digunakan di JS:
Seperti yang ditunjukkan pada gambar, bagian yang ditandai dengan lingkaran merah adalah atribut baru yang ditambahkan ke ES5.
2. Status Dukungan Browser:
• yaitu: 9+;
• Chrome;
• firefox2+;
• Safari 3+;
• opera 9.5+;
3. Metode Posisi
Ecmascript5 mendefinisikan 2 metode posisi untuk array. indexof (), lastIndexof ();
Kedua metode menerima dua parameter: item yang akan ditemukan dan indeks (opsional) yang menunjukkan lokasi titik awal pencarian.
Di antara mereka, indexOf () mulai melihat ke belakang dari awal array (posisi 0), sementara lastIndexof () mulai melihat ke depan dari akhir array.
Kedua metode perlu mengembalikan posisi item yang akan ditemukan di array, atau mengembalikan -1 jika tidak ditemukan;
Contoh:
var angka = [1,2,3,4,5,4,3,2,1]; waspada (number.indexof (4)); //4alert(number.LastIndexof(4)); //5alert(number.indexof(4,4)); //5alert(number.LastIndexof(4,4)); // 3
4. Metode iterasi
Ecmascript5 mendefinisikan 5 metode iteratif untuk array.
4.1.Every ()
Definisi dan Penggunaan: Metode Every () digunakan untuk mendeteksi apakah semua elemen array memenuhi kondisi yang ditentukan (disediakan oleh suatu fungsi).
Metode Every () menggunakan fungsi yang ditentukan untuk mendeteksi semua elemen dalam array:
• Jika suatu elemen terdeteksi dalam array yang tidak terpenuhi, seluruh ekspresi mengembalikan false dan elemen yang tersisa tidak akan terdeteksi lagi.
• Kembalikan true jika semua elemen memenuhi kondisinya.
Catatan: Setiap () tidak akan mendeteksi array kosong.
Catatan: Setiap () tidak mengubah array asli.
Deskripsi: Deteksi apakah semua elemen dari usia array lebih besar dari 18:
var eves = [32, 33, 16, 40]; function checkAdult (usia) {usia kembali> = 18;} function myfunction () {document.getElementById ("demo"). innerHtml = eves.every (checkAdult);}Hasilnya adalah:
PALSU;
4.2. Beberapa()
Definisi dan Penggunaan: Metode beberapa () digunakan untuk mendeteksi apakah elemen dalam array memenuhi kondisi yang ditentukan (disediakan oleh fungsi).
Jalankan fungsi yang diberikan pada setiap item dalam array, dan jika fungsi mengembalikan benar untuk salah satu item, itu mengembalikan true;
Kodenya adalah sebagai berikut:
var angka = [1,2,3,4,5,4,3,2,1]; var someresult = numbers.some (fungsi (item, indeks, array) {// item mengacu pada nilai array; indeks mengacu pada array subscript; array mengacu pada array itu sendiri; return (item> 2);}); waspada (someresult);Hasilnya adalah:
BENAR;
4.3. menyaring()
Definisi dan Penggunaan: Metode filter () membuat array baru, dan elemen -elemen dalam array baru diperiksa untuk semua elemen dalam array yang ditentukan yang memenuhi kriteria.
Jalankan fungsi yang diberikan pada setiap item dalam array, mengembalikan array item yang akan mengembalikan true.
Deskripsi: Untuk mengembalikan array dengan nilai yang lebih besar dari 2, kodenya adalah sebagai berikut:
var angka = [1,2,3,4,5,4,3,2,1]; var filterResult = numbers.filter (fungsi (item, indeks, array) {// item mengacu pada nilai array; indeks mengacu pada array subscript; array mengacu pada array itu sendiri; return (item> 2);}); peringatan (filterResult);Hasilnya adalah:
[3,4,5,4,3]
4.4. peta()
Definisi dan Penggunaan: Metode MAP () mengembalikan array baru, dan elemen -elemen dalam array adalah nilai yang diproses oleh elemen array asli setelah memanggil fungsi.
Jalankan fungsi yang diberikan pada setiap item dalam array, mengembalikan array yang terdiri dari hasil setiap panggilan fungsi.
Deskripsi: Lipat gandakan setiap istilah dalam array dengan 2, dan kembalikan array yang terdiri dari produk -produk ini. Kodenya adalah sebagai berikut:
var angka = [1,2,3,4,5,4,3,2,1]; var mapResult = numbers.map (fungsi (item, indeks, array) {// item mengacu pada nilai array; indeks mengacu pada array subscript; array mengacu pada array itu sendiri; return item*2;}); peringatan (MAPRESULT);Hasilnya adalah:
[2,4,6,8,10,8,6,4,2]
4.5. foreach ()
Definisi dan Penggunaan: Jalankan fungsi yang diberikan pada setiap item dalam array. Metode ini tidak memiliki nilai pengembalian.
Pada dasarnya sama dengan menggunakan loop untuk beralih melalui array. Kodenya adalah sebagai berikut:
var angka = [1,2,3,4]; number.foreach (fungsi (item, indeks, array) {console.log (item);});Hasilnya adalah:
1
2
3
4
5. Kurangi metode
Ecmascript5 menambahkan dua metode baru untuk mengurangi array: mengurangi () dan reduceright ();
Kedua metode ini akan mengulangi semua item dalam array dan kemudian membangun nilai yang dikembalikan akhir. Di antara mereka, metode pengurangan () dimulai dari item pertama dari array dan melewati satu per satu ke akhir.
reduceright () dimulai dari item terakhir dari array dan melintasi ke depan ke item pertama. Kedua metode menerima dua parameter: suatu fungsi yang dipanggil pada setiap item dan (opsional) sebagai nilai awal untuk basis penyempitan.
Fungsi yang diteruskan untuk mengurangi () dan reduceright () menerima 4 parameter: nilai sebelumnya, nilai saat ini, indeks item, dan objek array.
Deskripsi: Gunakan metode Rededang () untuk melakukan pengoperasian menemukan jumlah semua nilai dalam suatu array. Kodenya adalah sebagai berikut:
var values = [1,2,3,4,5]; var sum = values.reduce (function (prev, cur, index, array) {return prev+cur;}); alert (sum);Hasilnya adalah:
15
Di atas adalah pengetahuan yang relevan dari metode array yang baru ditambahkan dalam standar JavaScript ES5 yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!