tutorial pengembangan web terbaru
 

JavaScript Metode Array


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 »