Dalam tutorial ini, Anda akan belajar tentang array JavaScript dengan bantuan contoh.
Seperti yang Anda ketahui, variabel dapat menyimpan satu elemen. Jika Anda perlu menyimpan banyak elemen sekaligus, Anda dapat menggunakan array.
Array adalah objek yang dapat menyimpan banyak elemen . Sebagai contoh,
const myArray = ('hello', 'world', 'welcome');
Buat Array
Anda dapat membuat sebuah array dengan dua cara:
1. Menggunakan literal array
Cara termudah untuk membuat sebuah array adalah dengan menggunakan literal array (). Sebagai contoh,
const array1 = ("eat", "sleep");
2. Menggunakan kata kunci baru
Anda juga dapat membuat larik menggunakan newkata kunci JavaScript .
const array2 = new Array("eat", "sleep");
Dalam kedua contoh di atas, kami telah membuat array yang memiliki dua elemen.
Catatan : Direkomendasikan untuk menggunakan literal array untuk membuat sebuah array.
Berikut adalah lebih banyak contoh larik:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Anda juga dapat menyimpan array, fungsi, dan objek lain di dalam array. Sebagai contoh,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Mengakses Elemen Array
Anda dapat mengakses elemen di dalam array menggunakan indeks (0, 1, 2…) . Sebagai contoh,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Array indexing dalam JavaScript
Catatan : Indeks Array dimulai dengan 0, bukan 1.
Tambahkan Elemen ke Array
Anda dapat menggunakan metode bawaan push()dan unshift()menambahkan elemen ke array.
The push()Metode menambahkan elemen pada akhir array dan mengembalikan panjang array baru. Sebagai contoh,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
The unshift()Metode menambahkan elemen baru ke awal array dan mengembalikan panjang baru array. Sebagai contoh,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Ubah Elemen Array
Anda juga dapat menambahkan elemen atau mengubah elemen dengan mengakses nilai indeks.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Misalkan, sebuah array memiliki dua elemen. Jika Anda mencoba menambahkan elemen pada indeks 3 (elemen keempat), elemen ketiga tidak akan ditentukan. Sebagai contoh,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
Pada dasarnya, jika Anda mencoba menambahkan elemen ke indeks tinggi, indeks di antaranya akan memiliki nilai yang tidak ditentukan.
Hapus Elemen dari Array
Anda dapat menggunakan pop()metode ini untuk menghapus elemen terakhir dari larik. The pop()Metode juga mengembalikan nilai yang dikembalikan. Sebagai contoh,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Jika Anda perlu menghapus elemen pertama, Anda dapat menggunakan shift()metode ini. The shift()Metode menghilangkan elemen pertama dan juga mengembalikan elemen yang dihapus. Sebagai contoh,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Panjang array
Anda dapat menemukan panjang elemen (jumlah elemen dalam array) menggunakan lengthproperti. Sebagai contoh,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Metode Array
Di JavaScript, ada berbagai metode larik yang tersedia yang mempermudah untuk melakukan penghitungan yang berguna.
Beberapa metode array JavaScript yang umum digunakan adalah:
| metode | Deskripsi |
|---|---|
| concat () | menggabungkan dua atau lebih larik dan mengembalikan hasil |
| Indeks() | mencari elemen dari sebuah array dan mengembalikan posisinya |
| Temukan() | mengembalikan nilai pertama dari elemen array yang lolos tes |
| findIndex () | mengembalikan indeks pertama dari elemen array yang lolos tes |
| untuk setiap() | memanggil fungsi untuk setiap elemen |
| termasuk () | memeriksa apakah sebuah array berisi elemen tertentu |
| Dorong() | aads elemen baru ke akhir array dan mengembalikan panjang baru array |
| unshift () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Karena array adalah objek, elemen array disimpan dengan referensi. Karenanya, ketika nilai array disalin, setiap perubahan dalam array yang disalin juga akan tercermin dalam array asli. Sebagai contoh,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Anda juga dapat menyimpan nilai dengan meneruskan kunci bernama dalam larik. Sebagai contoh,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Array indexing dalam JavaScript
Namun, tidak disarankan untuk menyimpan nilai dengan meneruskan nama arbitrer dalam larik.
Karenanya dalam JavaScript, Anda harus menggunakan array jika nilai-nilai berada dalam koleksi yang dipesan. Jika tidak, lebih baik menggunakan objek dengan ( ).
Artikel yang Direkomendasikan
- JavaScript forEach
- JavaScript untuk… dari
- Array Multidimensi JavaScript
