Kita telah belajar bahwa sebuah variabel hanya dapat menampung satu nilai. Kami tidak dapat menetapkan beberapa nilai ke satu variabel. Larik JavaScript adalah jenis variabel khusus, yang dapat menyimpan banyak nilai menggunakan sintaks khusus
Berikut ini mendeklarasikan array dengan lima nilai numerik
let numArr = [10, 20, 30, 40, 50];
Dalam larik di atas, let numArr = new Array(10, 20, 30, 40, 50); _5 adalah nama variabel larik. Beberapa nilai diberikan padanya dengan memisahkannya menggunakan koma di dalam tanda kurung siku sebagai let numArr = new Array(10, 20, 30, 40, 50); 6. Jadi, variabel let numArr = new Array(10, 20, 30, 40, 50); _5 menyimpan lima nilai numerik. Array let numArr = new Array(10, 20, 30, 40, 50); 5 dibuat menggunakan sintaks literal dan ini adalah cara yang disukai untuk membuat array
Cara lain untuk membuat array adalah menggunakan konstruktor ________1______9 , seperti yang ditunjukkan di bawah ini
let numArr = new Array(10, 20, 30, 40, 50); _
Setiap nilai dikaitkan dengan indeks numerik yang dimulai dengan 0. Gambar berikut mengilustrasikan bagaimana sebuah array menyimpan nilai
Berikut ini adalah beberapa contoh array yang menyimpan tipe data yang berbeda
Contoh. Sintaks Literal Array
let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true];
Cobalah
Tidak diperlukan untuk menyimpan tipe nilai yang sama dalam sebuah array. Itu dapat menyimpan nilai dari berbagai jenis juga
let data = [1, "Steve", "DC", true, 255000, 5.5]; _
Dapatkan Ukuran Array
Gunakan properti let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; _0 untuk mendapatkan jumlah total elemen dalam array. Itu berubah saat dan ketika Anda menambah atau menghapus elemen dari array
Contoh. Dapatkan Ukuran Larik
let cities = ["Mumbai", "New York", "Paris", "Sydney"]; console.log(cities.length); //4 cities[4] = "Delhi"; console.log(cities.length); //5
Cobalah
Mengakses Elemen Array
Elemen array (nilai) dapat diakses menggunakan indeks. Tentukan indeks dalam tanda kurung siku dengan nama array untuk mengakses elemen pada indeks tertentu seperti let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 1. Perhatikan bahwa indeks array dimulai dari nol
Contoh. Mengakses Elemen Array
let numArr = [10, 20, 30, 40, 50]; console.log(numArr[0]); // 10 console.log(numArr[1]); // 20 console.log(numArr[2]); // 30 console.log(numArr[3]); // 40 console.log(numArr[4]); // 50 let cities = ["Mumbai", "New York", "Paris", "Sydney"]; console.log(cities[0]); // "Mumbai" console.log(cities[1]); // "New York" console.log(cities[2]); // "Paris" console.log(cities[3]); // "Sydney" //accessing element from nonexistance index console.log(cities[4]); // undefined
Cobalah
Untuk browser baru, Anda dapat menggunakan metode let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 2 untuk mendapatkan elemen dari indeks yang ditentukan. Ini sama dengan let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; _3 kecuali bahwa let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 4 mengembalikan elemen dari elemen terakhir jika indeks yang ditentukan negatif
Contoh. Mengakses Array menggunakan at()
let numArr = [10, 20, 30, 40, 50]; console.log(numArr.at(0)); // 10 console.log(numArr.at(1)); // 20 console.log(numArr.at(2)); // 30 console.log(numArr.at(3)); // 40 console.log(numArr.at(4)); // 50 console.log(numArr.at(5)); // undefined //passing negative index console.log(numArr.at(-1)); // 50 console.log(numArr.at(-2)); // 40 console.log(numArr.at(-3)); // 30 console.log(numArr.at(-4)); // 20 console.log(numArr.at(-5)); // 10 console.log(numArr.at(-6)); // undefined
Cobalah
Anda dapat mengulangi array menggunakan let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; _5, for, for-of, dan for-in loop, seperti yang ditunjukkan di bawah ini
Contoh. Mengakses Elemen Array
let numArr = [10, 20, 30, 40, 50]; numArr.forEach(i => console.log(i)); //prints all elements for(let i=0; i<numArr.length; i++) console.log(numArr[i]); for(let i of numArr) console.log(i); for(let i in numArr) console.log(numArr[i]);
Cobalah
Perbarui Elemen Array
Anda dapat memperbarui elemen array pada indeks tertentu menggunakan sintaks let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 6
Contoh. Perbarui Elemen Array
let cities = ["Mumbai", "New York", "Paris", "Sydney"]; cities[0] = "Delhi"; cities[1] = "Los angeles"; console.log(cities); //["Delhi", "Los angeles", "Paris", "Sydney"]
Cobalah
Menambahkan Elemen Baru
Anda dapat menambahkan elemen baru menggunakan sintaks let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 6. Pastikan indeks lebih besar dari indeks terakhir. Jika Anda menentukan indeks yang ada maka itu akan memperbarui nilainya
Contoh. Tambahkan Elemen Array
let cities = ["Mumbai", "New York", "Paris", "Sydney"]; cities[4] = "Delhi"; //add new element at last console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi"] cities[cities.length] = "London";//use length property to specify last index console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi", "London"] cities[9] = "Pune"; console.log(cities); //["Mumbai", "New York", "Paris", "Sydney", "Delhi", "Londen", undefined, undefined, undefined, "Pune"]
Cobalah
Dalam contoh di atas, let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; _8 menambahkan let stringArray = ["one", "two", "three"]; let numericArray = [1, 2, 3, 4]; let decimalArray = [1.1, 1.2, 1.3]; let booleanArray = [true, false, false, true]; 9 pada indeks ke-9 dan semua indeks lain yang tidak dinyatakan sebagai tidak terdefinisi
Cara yang disarankan untuk menambahkan elemen di bagian akhir menggunakan metode let data = [1, "Steve", "DC", true, 255000, 5.5]; 0. Itu menambahkan elemen di akhir array
Contoh. Tambahkan Elemen Terakhir menggunakan push()
let numArr = new Array(10, 20, 30, 40, 50); _0
Cobalah
Gunakan metode let data = [1, "Steve", "DC", true, 255000, 5.5]; _1 untuk menambahkan elemen ke awal array
Contoh. Tambahkan Elemen menggunakan unshift()
let numArr = new Array(10, 20, 30, 40, 50); _1
Cobalah
Hapus Elemen Array
Metode let data = [1, "Steve", "DC", true, 255000, 5.5]; 2 mengembalikan elemen terakhir dan menghapusnya dari array
Contoh. Hapus Elemen Terakhir
let numArr = new Array(10, 20, 30, 40, 50); _2
Cobalah
Metode let data = [1, "Steve", "DC", true, 255000, 5.5]; 3 mengembalikan elemen pertama dan menghapusnya dari array
Contoh. Hapus Elemen Pertama
let numArr = new Array(10, 20, 30, 40, 50); _3
Cobalah
Anda tidak dapat menghapus elemen tengah dari array. Anda harus membuat larik baru dari larik yang sudah ada tanpa elemen yang tidak Anda inginkan, seperti yang ditunjukkan di bawah ini