Jenis array adalah jenis referensi yang paling umum digunakan dalam ecmascript. Data dalam ecmascript sangat berbeda dari array di sebagian besar bahasa lain. Meskipun data dalam ecmascript adalah daftar data yang dipesan seperti array dalam bahasa lain, perbedaannya adalah bahwa setiap item dalam array ecmascript dapat menampung jenis data apa pun, apakah itu nilai numerik, string atau objek. Pada saat yang sama, ukuran array dalam ecmascript dapat disesuaikan secara dinamis, yaitu, ia dapat secara otomatis tumbuh sesuai dengan penambahan data untuk mengakomodasi data yang baru ditambahkan. Di bawah ini adalah ringkasan dari fungsi operasi yang umum digunakan dan penggunaan array dalam JavaScript.
• Buat array
Ada dua metode utama untuk membuat array: konstruktor dan literal array, seperti yang ditunjukkan di bawah ini:
var arr = array baru (); var arr = [];
Untuk konstruktor, kita dapat memberikan nilai numerik untuk membuat array yang berisi jumlah istilah yang diberikan, sebagai berikut:
var arr = array baru (3); // Panjang array adalah 3
Anda juga dapat langsung memberikan nilai yang disimpan dalam array, sebagai berikut:
var arr = array baru ("merah", "hijau", "biru");Either way, disarankan untuk menggunakan array literal untuk membuat array.
• Array deteksi
Untuk lingkungan eksekusi global tunggal, contoh operator dapat mendeteksi apakah itu array, misalnya:
var arr = [1,2,3]; console.log (arr ARR array); //BENAR
Namun, jika halaman web berisi beberapa kerangka kerja, itu juga berisi beberapa lingkungan eksekusi global. ES5 telah menambahkan metode array.
if (array.isArray (arr)) {// lakukan beberapa operasi}• Konversi string array
Setiap objek memiliki metode tolokalestring (), tostring (), dan nilai (). Memanggil metode tostring () dari array akan mengembalikan string yang disambung dalam bentuk string dari setiap nilai dalam array dan dipisahkan oleh koma. Memanggil metode () metode array akan mengembalikan array, tetapi sebenarnya itu disebut metode tostring () dari setiap item dalam array, sebagai berikut:
var arr = ["merah", "hijau", "biru"]; console.log (arr.tostring ()); // merah, hijau, konsol biru.log (arr.valueof ()); // merah, hijau, konsol biru.log (ARR); // merah, hijau, biru
Metode tolocalestring () dari array berbeda dari tostring () yang akan memanggil metode tolocalestring () dari setiap item dalam array, dan menyambungkan nilai pengembalian setiap item tolocalestring () metode ke dalam string yang dipisahkan oleh koma. Menggunakan metode join (), Anda dapat menggunakan pemisah yang berbeda untuk membangun string ini, sebagai berikut:
var arr = ["merah", "hijau", "biru"]; console.log (arr.join (",")); // merah, hijau, konsol biru.log (arr.join ("||")); // merah || hijau || biru• Tambahkan dan hapus array
Metode push () menerima sejumlah parameter, menambahkannya satu per satu ke akhir array, dan mengembalikan panjang array yang dimodifikasi, misalnya:
var arr = [1,2,3]; arr.push (4,5); console.log (arr); // [1,2,3,4,5]
Berbeda dengan push () adalah metode pop (), yang menghapus item terakhir dari akhir array dan mengembalikan item yang dihapus, misalnya:
var arr = [1,2,3]; arr.pop (); // 3 arr.pop (); // 2 console.log (arr); // [1]
Dua metode lain yang digunakan adalah shift () dan unshift (), yang mirip dengan pop () dan push (). Metode shift () digunakan untuk menghapus item dari posisi awal array dan mengembalikan item yang dihapus, misalnya:
var arr = [1,2,3]; arr.shift (); // 1 arr.shift (); // 2 console.log (arr); // [3]
Metode unshift () adalah kebalikan dari tujuan shift (). Ini dapat menambahkan item apa pun ke ujung depan array dan mengembalikan panjang array baru, misalnya:
var arr = [1,2,3]; arr.unshift (4); // panjang pengembalian 4 arr.unshift (5); // panjang pengembalian 5 console.log (arr); // [1,2,3,4,5]
• Balik dan semacam array
Metode flip yang disediakan oleh array adalah terbalik (), yang membalikkan urutan item data, misalnya:
var arr = [1,2,3]; arr.reverse (); console.log (arr); // [3,2,1]
sort () juga dapat mengurutkan array, tetapi metode penyortiran defaultnya bukan ukurannya, tetapi diurutkan satu per satu sesuai dengan string yang sesuai. Metode sort () dapat menerima fungsi perbandingan dan melakukan penyortiran khusus, misalnya:
function compare (value1, value2) {return value1-value2; } var arr = [1,3,2,5,4]; arr.sort (bandingkan); console.log (arr); // [1,2,3,4,5]• Koneksi array
Metode concat () akan membuat salinan array saat ini, lalu tambahkan parameter yang diterima ke akhir salinan, dan akhirnya mengembalikan array yang baru dibangun, dengan array asli tidak berubah, misalnya: misalnya:
var arr = [1,2,3]; var arr2 = arr.concat (4, [5,6]); console.log (arr); // [1,2,3] console.log (arr2); // [1,2,3,4,5,6]
• Segmentasi array
Metode SLICE () menerima satu atau dua parameter, yaitu, posisi awal dan akhir dari item yang akan dikembalikan. Jika hanya satu parameter yang diperlukan, semua item dari posisi yang ditentukan hingga akhir array dikembalikan. Jika dua parameter diterima, semua item antara posisi awal dan akhir dikembalikan tetapi item yang tidak termasuk posisi akhir, misalnya:
var arr = [1,2,3,4,5]; var arr2 = arr.slice (1); // [2,3,4,5] var arr3 = arr.slice (1,3); // [2,3]
Perhatikan bahwa metode SLICE () tidak akan mempengaruhi array asli.
• Metode splice ()
Karena metode splice () sangat kuat, saya akan merangkumnya secara terpisah. Itu dapat menerima tiga parameter. Parameter pertama menunjukkan lokasi menambahkan atau menghapus item, parameter kedua menunjukkan jumlah item yang akan dihapus, dan parameter kedua menunjukkan item baru yang ditambahkan ke array (opsional). Dengan memberikan parameter yang berbeda, Anda dapat mewujudkan fungsi seperti penghapusan, penyisipan dan penggantian, seperti:
var arr = [1,2,3,4,5]; arr.splice (2,0,11,22); // masukkan dua item dari posisi 2, console.log (arr); // [1,2,11,22,3,4,5] arr.splice (2,2,33,44); // Hapus dua item dari posisi 2, masukkan dua item, dan kembalikan item yang dihapus Console.log (ARR); // [1,2,33,44,4,5] arr.splice (1,1); // hapus satu item dari posisi 1, dan kembalikan item yang dihapus console.log (arr); // [1,33,44,4,5]
• Metode posisi array
ES5 menyediakan dua metode posisi: indexOf () dan lastIndexOf (). Kedua metode menerima dua parameter: item yang akan ditemukan dan indeks yang menunjukkan lokasi titik awal pencarian (opsional). Metode indexOf () terlihat mundur dari awal array, sedangkan lastIndexOf () melihat ke depan dari akhir array, misalnya:
var arr = [1,2,3,4,5,4,3,2,1]; console.log (arr.indexof (4)); // 3 console.log (arr.LastIndexOf (4)); // 5 console.log (arr.indexof (4,4)); // 5 console.log (arr.LastIndexof (4,4)); // 3
• Metode array iterasi
ES5 mendefinisikan 5 metode iteratif, masing -masing menerima dua parameter: fungsi yang akan dijalankan pada setiap item dan (opsional) objek lingkup yang menjalankan fungsi - nilai yang mempengaruhi ini. Fungsi yang lewat dalam metode ini dapat menerima tiga parameter: nilai item array, indeks item dalam array, dan objek array itu sendiri.
Di antara mereka, metode Every () dan beberapa () serupa. Untuk metode Every (), fungsi yang dilewati harus mengembalikan true untuk setiap item sebelum metode ini mengembalikan true. Untuk beberapa (), metode ini mengembalikan true selama fungsi yang dilewati kembali benar untuk item apa pun dalam array. Contohnya adalah sebagai berikut:
var arr = [1,2,3,4,5,4,3,2,1]; var everyResult = arr.every (function (item, index, array) {return (item> 2);}); Console.log (EveryResult); // false, tidak semua lebih besar dari 2 var someresult = arr.some (function (item, index, array) {return (item> 2);}); Console.log (Someresult); // Benar, jika satu item lebih besar dari 2Metode filter () menentukan apakah akan memasukkan item dalam array yang dikembalikan berdasarkan fungsi yang diberikan, misalnya:
var arr = [1,2,3,4,5,4,3,2,1]; var filterResult = arr.filter (fungsi (item, indeks, array) {return (item> 2);}); console.log (filterResult); // [3,4,5,4,3], mengembalikan array dengan semua nilai lebih dari 2Metode MAP () menjalankan fungsi yang diberikan untuk setiap item dalam array, dan kemudian mengembalikan array yang terdiri dari hasil setiap fungsi item yang berjalan, misalnya:
var arr = [1,2,3,4,5,4,3,2,1]; var mapResult = arr.map (function (item, index, array) {return item*2;}); Console.log (MapResult); // [2,4,6,8,10,8,6,4,2], kalikan setiap item dalam array asli dengan 2 dan kembaliMetode terakhir adalah foreach (), yang menjalankan fungsi yang diberikan hanya pada setiap item dalam array, tanpa nilai pengembalian, misalnya:
var arr = [1,2,3,4,5,4,3,2,1]; arr.foreach (fungsi (item, indeks, array) {// lakukan beberapa operasi});• Metode pengurangan array
ES5 juga menyediakan dua metode untuk mengurangi array: mengurangi () dan reduceright (). Kedua metode mengulangi semua item dalam array dan mengembalikan nilai akhir. redukir () secara bertahap melintasi dari item pertama ke item terakhir, reduceright () melintasi dari item terakhir ke akhir item pertama. Kedua fungsi menerima empat parameter: nilai sebelumnya, nilai saat ini, indeks item, dan objek array. Nilai apa pun yang dikembalikan oleh fungsi ini akan secara otomatis diteruskan ke item berikutnya sebagai parameter pertama. Misalnya, gunakan metode rededang () untuk menemukan jumlah semua item dalam array:
var arr = [1,2,3,4,5]; var sum = arr.reduce (function (pre, cur, index, array) {return pre+cur;}); console.log (sum); // 15Pertama kali fungsi callback dieksekusi, Pra adalah 1 dan CUR adalah 2. Kedua kalinya, Pre adalah 3 (1+2) dan CUR adalah 3. Proses ini akan mengakses setiap item dalam array dan akhirnya mengembalikan hasilnya. Metode reduceright () mirip dengan pengurangan (), tetapi arahnya sebaliknya.
Catatan ini terutama dirangkum berdasarkan pemrograman JavaScript canggih dan sumber daya online. Harap tunjukkan jika ada poin yang tidak lengkap.
Artikel di atas didasarkan pada metode Array Array JavaScript (yang harus dibaca untuk pemula) adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.