Array JavaScript (dengan Contoh)

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