Kekuatan array JavaScript terletak pada metode array yang.
Konversi Array ke String
JavaScript metode toString() mengkonversi sebuah array ke string (dipisahkan koma) nilai array.
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Hasil
Banana,Orange,Apple,Mango
Cobalah sendiri " The join() metode juga bergabung semua elemen array menjadi string.
Berperilaku seperti toString() , tetapi di samping Anda dapat menentukan pemisah:
Contoh
var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Hasil
Banana * Orange * Apple * Mango Cobalah sendiri " Popping dan Mendorong
Ketika Anda bekerja dengan array, mudah untuk menghapus elemen dan menambahkan elemen baru.
Ini adalah apa yang muncul dan mendorong adalah:
Bermunculan item dari array, atau mendorong barang ke dalam sebuah array.
popping
The pop() metode menghapus elemen terakhir dari array:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
// Removes the last element ("Mango") from fruits Cobalah sendiri " The pop() metode mengembalikan nilai yang "muncul keluar":
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.pop();
// the value of x is "Mango" Cobalah sendiri " mendorong
The push() metode menambahkan elemen baru ke array (di akhir):
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
// Adds a new element ("Kiwi") to fruits Cobalah sendiri " The push() metode mengembalikan panjang array baru:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.push("Kiwi");
// the value of x is 5 Cobalah sendiri " pergeseran Elements
Pergeseran setara dengan bermunculan, bekerja pada elemen pertama bukan yang terakhir.
The shift() metode menghapus elemen pertama array dan "shift" semua elemen lain untuk indeks yang lebih rendah.
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
// Removes the first element "Banana" from fruits
Cobalah sendiri " The unshift() metode menambahkan elemen baru ke array (di awal), dan "unshifts" unsur-unsur yang lebih tua:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Adds a new element "Lemon" to fruits
Cobalah sendiri " The shift() metode mengembalikan string yang "bergeser".
The unshift() metode mengembalikan panjang array baru.
mengubah Elemen
Elemen array diakses menggunakan nomor indeks mereka:
Indeks array dimulai dengan 0 [0] adalah elemen pertama array, [1] adalah yang kedua, [2] adalah yang ketiga ...
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
// Changes the first element of fruits to "Kiwi" Cobalah sendiri " Properti panjang menyediakan cara mudah untuk menambahkan elemen baru ke array:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
// Appends "Kiwi" to fruit Cobalah sendiri " menghapus Elemen
Sejak array JavaScript adalah objek, elemen dapat dihapus dengan menggunakan operator JavaScript delete :
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
// Changes the first element in fruits to undefined Cobalah sendiri " Menggunakan delete dapat meninggalkan lubang terdefinisi dalam array. Gunakan pop() atau shift() sebagai gantinya.
Splicing Array
The splice() metode dapat digunakan untuk menambahkan item baru ke array:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Cobalah sendiri " Parameter pertama (2) mendefinisikan posisi di mana unsur-unsur baru harus ditambahkan (disambung di).
Parameter kedua (0) mendefinisikan berapa banyak elemen harus dihapus.
Sisa parameter ( "Lemon" , "Kiwi" ) mendefinisikan unsur-unsur baru yang akan ditambahkan.
Menggunakan splice() untuk Hapus Elements
Dengan pengaturan parameter pintar, Anda dapat menggunakan splice() untuk menghapus elemen tanpa meninggalkan "lubang" dalam array:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
// Removes the first element of fruits
Cobalah sendiri " Parameter pertama (0) mendefinisikan posisi di mana unsur-unsur baru harus ditambahkan (disambung di).
Parameter kedua (1) mendefinisikan berapa banyak elemen harus dihapus.
Sisa dari parameter dihilangkan. Tidak ada unsur-unsur baru akan ditambahkan.
Menyortir Array
The sort() metode macam array abjad:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
Cobalah sendiri " Membalikkan Array
The reverse() metode membalikkan elemen dalam array.
Anda dapat menggunakannya untuk mengurutkan array di urutan:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
// Sorts the elements of fruits
fruits.reverse();
// Reverses the order of the elements Cobalah sendiri " numerik Urut
Secara default, sort() fungsi macam nilai-nilai sebagai string.
Ini bekerja dengan baik untuk string ( "Apple" datang sebelum "Banana" ).
Namun, jika nomor diurutkan sebagai string, "25" lebih besar dari "100", karena "2" lebih besar dari "1".
Karena ini, sort() metode akan menghasilkan hasil yang salah ketika menyortir nomor.
Anda dapat memperbaiki hal ini dengan menyediakan fungsi bandingkan:
Contoh
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
Cobalah sendiri " atau
Contoh
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a>b});
Cobalah sendiri " Menggunakan trik yang sama untuk mengurutkan menurun berbagai:
Contoh
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
Cobalah sendiri " atau
Contoh
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b>a});
Cobalah sendiri " Fungsi Bandingkan
Tujuan dari fungsi membandingkan adalah untuk mendefinisikan urutan alternatif.
Fungsi bandingkan harus kembali negatif, atau nilai positif nol, tergantung pada argumen:
function(a, b){return a-b}
Ketika sort() function membandingkan dua nilai, ia akan mengirimkan nilai-nilai ke fungsi membandingkan, dan mengurutkan nilai-nilai sesuai dengan kembali (negatif, positif nol) nilai.
Contoh:
Ketika membandingkan 40 dan 100, yang sort() metode panggilan bandingkan function(40,100) .
Fungsi menghitung 40-100, dan mengembalikan -60 (nilai negatif).
Fungsi semacam akan mengurutkan 40 sebagai nilai yang lebih rendah dari 100.
Menemukan tertinggi (atau terendah) Nilai
Bagaimana menemukan nilai tertinggi dalam array?
Contoh
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
// now points[0] contains the highest value Cobalah sendiri " Dan terendah:
Contoh
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
// now points[0] contains the lowest value Cobalah sendiri " bergabung Array
The concat() method membuat array baru dengan menggabungkan dua array:
Contoh
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);
// Concatenates (joins) myGirls and myBoys
Cobalah sendiri " The concat() metode dapat mengambil sejumlah argumen array yang:
Contoh
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias","Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);
// Concatenates arr1 with arr2 and arr3
Cobalah sendiri " Mengiris Array
The slice() metode irisan keluar sepotong array ke array baru.
Contoh ini irisan keluar bagian dari array mulai dari elemen array 1 ( "Orange" ):
Contoh
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
Cobalah sendiri " The slice() method membuat array baru. Itu tidak menghilangkan unsur-unsur dari array sumber.
Contoh ini irisan keluar bagian dari array mulai dari elemen array 3 ( "Apple" ):
Contoh
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
Cobalah sendiri " The slice() metode dapat mengambil dua argumen seperti slice(1,3) .
Metode ini kemudian memilih elemen dari awal argumen, dan hingga (tetapi tidak termasuk) argumen akhir.
Contoh
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
Cobalah sendiri " Jika argumen akhir dihilangkan, seperti dalam contoh pertama, slice() metode irisan sisa array.
Contoh
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);
Cobalah sendiri " The valueOf() Metode
The valueOf() metode adalah perilaku default untuk array. Itu mengkonversi array untuk nilai primitif.
JavaScript secara otomatis akan mengkonversi sebuah array ke string ketika nilai primitif diharapkan.
Karena itu, semua contoh ini akan menghasilkan hasil yang sama:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Cobalah sendiri " Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.valueOf();
Cobalah sendiri " Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Cobalah sendiri " Semua objek JavaScript memiliki valueOf() dan toString() metode.
Referensi Array lengkap
Untuk referensi lengkap, pergi ke kami Array Referensi JavaScript Lengkap .
referensi yang berisi deskripsi dan contoh semua properti Array dan metode.
Uji Diri dengan Latihan!
Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 »