Metode Array JavaScript

Kekuatan JavaScript array tersembunyi di metoden array.

Mengubah array ke string

Metoden JavaScript toString() Mengubah array ke string nilai array (dipisahkan koma).

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString(); 

Hasil

Banana,Orange,Apple,Mango

Coba Sendiri

join() Metoden juga dapat menggabungkan semua elemen array ke dalam string.

Perilaku nya mirip dengan toString(), tetapi Anda juga dapat menentukan pemisah:

Contoh

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * "); 

Hasil

Banana * Orange * Apple * Mango

Coba Sendiri

Popping dan Pushing

Pada saat menghandle array, menghapus elemen dan menambahkan elemen baru sangat mudah.

Popping dan Pushing adalah:

Dari arrayMengeluarkanProyek, atau menambahkan ke arrayMemasukkanProyek.

Popping

pop() Metoden menghapus elemen terakhir dari array:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Menghapus elemen terakhir di fruits ("Mango")

Coba Sendiri

pop() Metoden mengembalikan nilai yang dihapus:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // Nilai x adalah "Mango"

Coba Sendiri

Pushing

push() Metoden (pada akhir array) menambahkan elemen baru ke array:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       // Menambahkan elemen baru ke fruits

Coba Sendiri

push() Metoden mengembalikan panjang array baru:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   // Nilai x adalah 5

Coba Sendiri

Pergeseran elemen

Pergeseran sama dengan pop, tetapi meng-handle elemen pertama bukannya yang terakhir.

shift() Metoden akan menghapus elemen pertama dan menggeser semua elemen lain ke indeks yang lebih rendah.

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Menghapus elemen pertama di fruits "Banana"

Coba Sendiri

shift() metode ini mengembalikan string yang "digeser keluar":

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // Mengembalikan "Banana"

Coba Sendiri

unshift() metode (di awal) menambahkan elemen baru ke dalam array dan "geser ke belakang" elemen lama:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Menambahkan elemen baru "Lemon" ke fruits

Coba Sendiri

unshift() metode ini mengembalikan panjang array baru.

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Mengembalikan 5

Coba Sendiri

mengubah elemen

dengan menggunakannomor indeksuntuk mengakses elemen array:

arrayindeks (bawah)dengan mulai dari 0. [0] adalah elemen pertama array, [1] adalah kedua, [2] adalah ketiga ...

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Mengubah elemen pertama dalam fruits menjadi "Kiwi"

Coba Sendiri

length properti menyediakan metode yang mudah untuk menambahkan elemen baru ke dalam array:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Menambahkan "Kiwi" ke fruits

Coba Sendiri

menghapus elemen

Karena array JavaScript termasuk objek, elemen di dalamnya dapat dihapus menggunakan JavaScript delete operator untukmenghapus:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Mengubah elemen pertama dalam fruits menjadi undefined

Coba Sendiri

gunakan delete akan meninggalkan 'ruang kosong' tak terdefinisi di dalam array. Gunakan pop() atau shift() gantikan.

Gabungan array

splice() Metode ini dapat digunakan untuk menambahkan item baru ke dalam array:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Coba Sendiri

Parameter pertama (2) menentukan posisi tempat elemen baru harus ditambahkan (gabungan).

Parameter kedua (0) menentukan berapa banyak elemen yang harus dihapus.

Parameter sisanya ("Lemon", "Kiwi") menentukan elemen baru yang akan ditambahkan.

splice() Metode ini mengembalikan array yang mengandung item yang dihapus:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Coba Sendiri

menggunakan splice() untuk menghapus elemen

Dengan pengaturan parameter yang cerdas, Anda dapat menggunakan splice() Menghapus elemen tanpa meninggalkan 'ruang kosong' di dalam array:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Menghapus elemen pertama dalam fruits

Coba Sendiri

Parameter pertama (0) menentukan elemen baru yang harustambahdapat (masuk).

parameter kedua (1) menentukan tempat yanghapus banyakelemen.

parameter sisanya diabaikan. Tidak ada elemen baru yang akan ditambahkan.

gabungkan (menghubungkan) array

concat() metode ini akan membuat array baru dengan menggabungkan (menghubungkan) array yang ada:

contoh (gabungkan dua array)

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // Menggabungkan myGirls dan myBoys

Coba Sendiri

concat() metode ini tidak akan mengubah array yang ada. Dia selalu mengembalikan array baru.

concat() metode ini dapat menggunakan jumlah parameter array yang berbeda:

contoh (gabungkan tiga array)

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // Menggabungkan arr1, arr2 dan arr3 bersamaan

Coba Sendiri

concat() metode ini juga dapat menggunakan nilai sebagai parameter:

contoh (menggabungkan array dengan nilai)

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]); 

Coba Sendiri

potong array

slice() metode ini menggunakan bagian array untuk membuat array baru.

contoh ini akan memotong bagian array dari elemen ke 1 ("Orange"):

Contoh

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1); 

Coba Sendiri

slice() metode ini akan membuat array baru. Dia tidak akan menghapus elemen dari array asli.

contoh ini akan memotong bagian array dari elemen ke 3 ("Apple"):

Contoh

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3); 

Coba Sendiri

slice() dapat menerima dua parameter, seperti (1, 3).

metodenya akan memilih elemen dari parameter awal, hingga parameter akhir (tidak termasuk).

Contoh

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3); 

Coba Sendiri

jika parameter akhir diabaikan, seperti contoh pertama, maka slice() akan memotong bagian sisanya dari array.

Contoh

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2); 

Coba Sendiri

auto toString()

Jika perlu nilai asli, JavaScript akan secara otomatis mengkonversi array ke string. Dua contoh berikut akan menghasilkan hasil yang sama:

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString(); 

Coba Sendiri

Contoh

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits; 

Coba Sendiri

Semua objek JavaScript memiliki toString() Metode.

Pengurutan Array

Kami akan belajar tentang pengurutan array di bab berikutnya~.

Cari nilai terbesar dan terkecil dalam array

Tidak ada fungsi bawaan dalam JavaScript array untuk mencari nilai tertinggi dan terendah.

Anda akan belajar cara memecahkan masalah ini di bab berikutnya di tutorial ini.

Referensi Array Penuh

Untuk referensi penuh, silakan kunjungi referensi penuh kami Panduan Referensi Array JavaScript.

Panduan Referensi Array ini mengandung deskripsi dan contoh dari semua properti dan metode array.