Metode Array JavaScript
- Halaman Sebelumnya Array JS
- Halaman Berikutnya Pencarian Array JS
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
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
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")
pop()
Metoden mengembalikan nilai yang dihapus:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.pop(); // Nilai x adalah "Mango"
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
push()
Metoden mengembalikan panjang array baru:
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var x = fruits.push("Kiwi"); // Nilai x adalah 5
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"
shift()
metode ini mengembalikan string yang "digeser keluar":
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.shift(); // Mengembalikan "Banana"
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
unshift()
metode ini mengembalikan panjang array baru.
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon"); // Mengembalikan 5
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"
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
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
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");
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");
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
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
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
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"]);
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);
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);
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);
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);
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();
Contoh
var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits;
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.
- Halaman Sebelumnya Array JS
- Halaman Berikutnya Pencarian Array JS