Berbagi Teknik Operasi Praktis untuk Array di JavaScript

1. Tentang Array

Penciptaan array sangat fleksibel. Anda dapat menggunakan konstruktor array atau membuat array "literal" secara langsung.

 var arr = array baru (); // [] var brr = array (); // [] Keduanya setara dengan var arr = array (3); // mediar.length; // 3 array kosong dengan panjang 3 var arr = array (22,33, 'qq', {}); // [22, 33, "qq", objek] var brr = [22,33, 'qq', {}]; // Sama seperti di atas

Array adalah objek bawaan untuk JavaScript. Ya, meskipun itu adalah array, itu juga objek! Lai

Gunakan TypeOf untuk menilai akan mengembalikan objek! Metode Array.isArray dapat lebih akurat menentukan jenisnya.

 var a = []; typeof a; //objectarray.isarray(a); //BENAR

2. Metode Umum

metode push ()

Metode push dapat menambahkan satu atau lebih elemen ke ujung array dan mengembalikan panjang array yang diubah!

Catatan: ① Ini mengembalikan panjang array, bukan array!

Metode Metode ini akan mengubah array asli! Lai

 var arr = array (22,33, 'qq', {}); arr.push ('weibo'); // 5arr // [22, 33, "qq", {}, "weibo"]

Inilah yang perlu kita gunakan saat kita ingin menggabungkan dua array

 var a = [22,33]; var b = [44,55]; array.prototype.push.Apply (a, b) // atau a.push.Apply (a, b) // atau a.push (44,55); // array a = [22,33,44,55];

Berhati -hatilah untuk tidak menulis yang berikut! Lai

 A.push (b); a; //#22,33,[$44,55ö]a.length; // 3 !! Console.log (A); // [22, 33, array [2]]

Menulisnya secara langsung sebagai a.push(b) akan menambahkan B sebagai elemen ke A, dan itu tidak akan mendapatkan efek yang ideal!

Jika dua array objek sekarang perlu digabungkan seperti ini:

 var a = [{name: 'stark', value: 'Ironman'}, {name: 'cap', value: 'oldman'}]; var b = [{name: 'jerry', email: '[email protected]'}, {name: 'lory', email: '[email protected]' {{{{{lory ', email:' lory 'lory A.push (b); //3console.log(a); // [objek, objek, array [3]] // Tulisan yang benar A.push.Apply (AB); //5console.log(a); // [objek, objek, objek, objek, objek]

metode pop ()

Berbeda dengan push , itu adalah untuk menghapus elemen terakhir dari array dan mengembalikan elemen yang dihapus:

 var a = ['qq', 'weibo', 'weixin']; a.pop (); // 'weixin'a; // ['qq', 'weibo']

gabungan () metode

Pisahkan array dengan parameter yang sesuai dan kembalikan sebagai string. Jika parameter kosong, gunakan ',' untuk memisahkannya. Metode ini tidak mengubah array asli:

 var a = [1, 2, 3, 4]; a.join ('') // '1 2 3 4'a.join (' | ') // "1 | 2 | 3 | 4" var b = a.join () // "1,2,3,4" konsol.log (a); // [1,2,3,4] console.log (b); // "1,2,3,4"

metode concat ()

Ini dapat menggabungkan beberapa angka dan mengembalikan array baru, tetapi array asli tetap tidak berubah:

 var a = [22,33]; var b = [44,55]; var c = a.concat (b); console.log (a); // [22, 33] Console.log (b); // [44, 55] Console.log (C); // [22, 33, 44, 55]

 var a = [{name: 'tom', email: '[email protected]'}, {name: 'Peter', email: '[email protected]'}]; var b = [{name: 'jerry', email: '[email protected]'}, {name: 'lory', email: '[email protected]' {{name: 'lory', email: '[email protected]' {{name: 'lory', email: 'lory.com' {{name: 'lory', email: 'lory' {{lory ', email: '[email protected]'}]; var c = a.concat (b); c; // [{name: 'tom', email: '[email protected]'}, // {name: 'Peter', email: '[email protected]'}, // {name: 'Peter', email: '[email protected]'}, // {name: 'jerry', email: '[email protected]' {/ {name: 'jerry', email: '{email' {'jerry', email: '{name:' jerry '{name:' jerry ', email:' jerry '{name: {name: {name: {name: {name: {name: {name: {name: {name: {name: {name: {name: {name: {name: {name: {name: {name:' '[email protected]'}, // {name: 'susan', value: '[email protected]'}]]

Metode peta ()

Metode map akan memanggil fungsi pada setiap anggota array secara bergantian, mengembalikan array baru yang diproses oleh fungsi, tetapi array asli tidak akan diubah!

 var angka = [1, 2, 3]; var num = angka.map (fungsi (n) {// [2, 4, 6] mengembalikan n * 2;}); angka; // [1,2,3]

Ketika parameter fungsi yang dipanggil oleh metode map adalah satu, parameter ini mewakili anggota array saat ini; Saat parameternya tiga, mereka berurutan

elem anggota saat ini, index indeks, array asli itu sendiri arr

 var brr = [1, 2, 3] .map (fungsi (elem, index, arr) {return elem * index;}); brr; // [0, 2, 6]

Metode map juga dapat menerima parameter kedua, menunjukkan objek yang ditunjukkan oleh this ketika fungsi callback dieksekusi.

 var arr = ['a', 'b', 'c']; var brr = [0, 2] .map (function (e) {return ini [e];}, arr) brr; // ['a', 'c']

Dalam aplikasi, kadang -kadang saat menggunakan teknologi AJAX membutuhkan array parameter yang dikonversi secara dinamis menjadi permintaan URL, metode map akan sangat nyaman, misalnya:

 var b = [{name: 'jerry', email: '[email protected]'}, {name: 'lory', email: '[email protected]'}, {name: 'susan', value: '[email protected]'}]; var url = b. peta (function (n) {return n.name + "=" + n.email}) .join ("&"); console.log (url); //[email protected]&[email protected]&[email protected]

Kemudian tambahkan alamat IP, tindakan, dan metode sebelum URL untuk menyelesaikan splicing URL dinamis yang diperlukan oleh AJAX, misalnya:

 var endUrl = "LocalHost: 8080/xxxx/" + EventAction + "!" + Operasi + "?" + url;

Meringkaskan

Di atas adalah seluruh konten artikel ini. Saya berharap ini akan membantu untuk belajar atau bekerja semua orang. Jika Anda memiliki pertanyaan, Anda dapat meninggalkan pesan untuk berkomunikasi.