Metode Array JavaScript
Mengubah Array menjadi String
Metode JavaScript toString()
mengonversi array menjadi string nilai array (dipisahkan koma).
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Hasil:
Metode join()
ini juga menggabungkan semua elemen array menjadi string.
Ini berperilaku seperti toString()
, tetapi selain itu Anda dapat menentukan pemisah:
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Hasil:
Meletup dan Mendorong
Saat Anda bekerja dengan array, mudah untuk menghapus elemen dan menambahkan elemen baru.
Inilah yang muncul dan mendorong:
Memunculkan item dari array, atau mendorong item ke dalam array.
JavaScript Array muncul ()
Metode pop()
ini menghapus elemen terakhir dari array:
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
Metode pop()
mengembalikan nilai yang "muncul":
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
JavaScript Array push()
Metode push()
menambahkan elemen baru ke array (di akhir):
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
Metode push()
mengembalikan panjang array baru:
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
Pergeseran Elemen
Pergeseran sama dengan popping, tetapi bekerja pada elemen pertama, bukan yang terakhir.
Pergeseran Array JavaScript ()
Metode shift()
ini menghapus elemen array pertama dan "menggeser" semua elemen lainnya ke indeks yang lebih rendah.
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
Metode shift()
mengembalikan nilai yang "digeser":
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
JavaScript Array tidak bergeser ()
Metode unshift()
ini menambahkan elemen baru ke array (di awal), dan "membatalkan" elemen lama:
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Metode unshift()
mengembalikan panjang array baru.
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Mengubah Elemen
Elemen array diakses menggunakan nomor indeksnya :
Indeks array dimulai dengan 0:
[0] adalah elemen larik pertama
[1] adalah yang kedua
[2] adalah yang ketiga ...
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
Panjang Array JavaScript
Properti length
menyediakan cara mudah untuk menambahkan elemen baru ke array:
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
Hapus Array JavaScript ()
Peringatan !
Elemen array dapat dihapus menggunakan operator JavaScript delete
.
Menggunakan lubang delete
daun dalam array.undefined
Gunakan pop() atau shift() sebagai gantinya.
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
Menggabungkan (Menggabungkan) Array
Metode concat()
ini membuat array baru dengan menggabungkan (menggabungkan) array yang ada:
Contoh (Menggabungkan Dua Array)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
Metode concat()
ini tidak mengubah array yang ada. Itu selalu mengembalikan array baru.
Metode concat()
ini dapat mengambil sejumlah argumen array:
Contoh (Menggabungkan Tiga Array)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
Metode concat()
ini juga dapat menggunakan string sebagai argumen:
Contoh (Menggabungkan Array dengan Nilai)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
Penyambungan dan Pengirisan Array
Metode splice()
menambahkan item baru ke array.
Metode slice()
ini mengiris sepotong array.
Sambungan Array JavaScript()
Metode splice()
ini dapat digunakan untuk menambahkan item baru ke array:
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Parameter pertama (2) mendefinisikan posisi di mana elemen baru harus ditambahkan (disambung).
Parameter kedua (0) menentukan berapa banyak elemen yang harus dihapus .
Parameter lainnya ("Lemon", "Kiwi") menentukan elemen baru yang akan ditambahkan .
Metode splice()
mengembalikan array dengan item yang dihapus:
Contoh
const 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()
untuk menghapus elemen tanpa meninggalkan "lubang" dalam array:
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
Parameter pertama (0) mendefinisikan posisi di mana elemen baru harus ditambahkan (disambung).
Parameter kedua (1) mendefinisikan berapa banyak elemen yang harus dihapus .
Parameter lainnya dihilangkan. Tidak ada elemen baru yang akan ditambahkan.
potongan Array JavaScript()
Metode slice()
ini mengiris sepotong array menjadi array baru.
Contoh ini mengiris bagian dari array mulai dari elemen array 1 ("Oranye"):
Contoh
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
Catatan
Metode slice()
ini membuat array baru.
Metode slice()
ini tidak menghapus elemen apa pun dari larik sumber.
Contoh ini mengiris bagian dari array mulai dari elemen array 3 ("Apple"):
Contoh
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
Metode slice()
ini dapat mengambil dua argumen seperti slice(1, 3)
.
Metode kemudian memilih elemen dari argumen awal, dan hingga (tetapi tidak termasuk) argumen akhir.
Contoh
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
Jika argumen akhir dihilangkan, seperti pada contoh pertama, slice()
metode akan memotong sisa array.
Contoh
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
toString otomatis()
JavaScript secara otomatis mengonversi larik menjadi string yang dipisahkan koma ketika nilai primitif diharapkan.
Ini selalu terjadi ketika Anda mencoba untuk menampilkan array.
Kedua contoh ini akan menghasilkan hasil yang sama:
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Contoh
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Catatan
Semua objek JavaScript memiliki metode toString().
Menemukan Nilai Maks dan Min dalam Array
Tidak ada fungsi bawaan untuk menemukan nilai tertinggi atau terendah dalam larik JavaScript.
Anda akan belajar bagaimana Anda memecahkan masalah ini di bab berikutnya dari tutorial ini.
Menyortir Array
Sorting array dibahas dalam bab berikutnya dari tutorial ini.
Referensi Array Lengkap
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.