Dalam tutorial ini, anda akan belajar mengenai array JavaScript dengan bantuan contoh.
Seperti yang anda ketahui, pemboleh ubah boleh menyimpan satu elemen. Sekiranya anda perlu menyimpan pelbagai elemen sekaligus, anda boleh menggunakan array.
Array adalah objek yang dapat menyimpan pelbagai elemen . Sebagai contoh,
const myArray = ('hello', 'world', 'welcome');
Buat Array
Anda boleh membuat susunan menggunakan dua cara:
1. Menggunakan literal array
Kaedah termudah untuk membuat tatasusunan adalah dengan menggunakan susunan literal (). Sebagai contoh,
const array1 = ("eat", "sleep");
2. Menggunakan kata kunci baru
Anda juga boleh membuat susunan menggunakan newkata kunci JavaScript .
const array2 = new Array("eat", "sleep");
Dalam kedua contoh di atas, kami telah membuat susunan yang mempunyai dua elemen.
Catatan : Sebaiknya gunakan array literal untuk membuat array.
Berikut adalah lebih banyak contoh tatasusunan:
// 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 boleh menyimpan tatasusunan, fungsi dan objek lain di dalam larik. Sebagai contoh,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Akses Elemen Array
Anda boleh mengakses elemen 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" 
Pengindeksan array dalam JavaScript
Catatan : Indeks Array bermula dengan 0, bukan 1.
Tambahkan Elemen ke Array
Anda boleh menggunakan kaedah terbina dalam push()dan unshift()menambahkan elemen ke array.
The push()Cara menambah elemen pada akhir array dan mengembalikan panjang pelbagai 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()Cara menambah elemen baru ke permulaan tatasusunan 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'')
Tukar Elemen Array
Anda juga boleh menambah 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')
Katakan, array mempunyai dua elemen. Sekiranya anda cuba 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 asasnya, jika anda cuba menambahkan elemen ke indeks tinggi, indeks di antara akan mempunyai nilai yang tidak ditentukan.
Keluarkan Elemen dari Array
Anda boleh menggunakan pop()kaedah untuk membuang elemen terakhir dari array. The pop()kaedah 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')
Sekiranya anda perlu membuang elemen pertama, anda boleh menggunakan shift()kaedahnya. The shift()kaedah membuang elemen pertama dan juga mengembalikan unsur yang dikeluarkan. Sebagai contoh,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Panjang susunan
Anda boleh mendapatkan panjang elemen (bilangan elemen dalam array) menggunakan lengthsifat. Sebagai contoh,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Kaedah Array
Dalam JavaScript, terdapat pelbagai kaedah tatasusunan yang menjadikannya lebih mudah untuk melakukan pengiraan yang berguna.
Beberapa kaedah array JavaScript yang biasa digunakan adalah:
| Kaedah | Penerangan |
|---|---|
| ringkas () | bergabung dengan dua atau lebih tatasusunan dan mengembalikan hasilnya |
| Indeks() | mencari elemen array dan mengembalikan kedudukannya |
| cari() | mengembalikan nilai pertama elemen array yang lulus ujian |
| cariIndex () | mengembalikan indeks pertama elemen array yang lulus ujian |
| untuk setiap() | memanggil fungsi untuk setiap elemen |
| merangkumi () | memeriksa sama ada array mengandungi elemen yang ditentukan |
| tolak () | menghasilkan elemen baru ke hujung array dan mengembalikan panjang array yang baru |
| tidak beralih () | 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.
Oleh kerana tatasusunan adalah objek, elemen array disimpan dengan rujukan. Oleh itu, apabila nilai array disalin, sebarang perubahan pada susunan yang disalin juga akan tercermin dalam array asal. 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 boleh menyimpan nilai dengan meneruskan kunci bernama dalam tatasusunan. Sebagai contoh,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Pengindeksan array dalam JavaScript
Walau bagaimanapun, tidak digalakkan menyimpan nilai dengan memasukkan nama sewenang-wenang dalam array.
Oleh itu, dalam JavaScript, anda harus menggunakan tatasusunan jika nilai dalam koleksi teratur. Jika tidak, lebih baik menggunakan objek dengan ( ).
Artikel yang Disyorkan
- JavaScript untuk Setiap
- JavaScript untuk… daripada
- Array Multidimensi JavaScript
