Materi:
↳ Menambah elemen pada array
↳ Menghapus elemen pada array
↳ Menampilkan seluruh isi array
1. Menambah array
var arr = [];
arr [0] = "Riventus";
arr [1] = "Armandus";
arr [2] = "Hamonangan";
arr [5] = "Aritonang";
Jika dilewati dari urutan index maka otomatis javascript akan mengisi kekosongan index yang terlewat dengan nilai undefined.
Jika dilihat di console maka:
console.log(arr); → tampil seluruh isi array dengan banyaknya 6 elemen dan isi index dari yang terlewat (index 3 : [3] dan index 4 : [4]) adalah nilai undefined, bentuk yang ditampilkan yaitu objek.
2. Menghapus array
var arr = ['Riventus','Armandus','Hamonangan'];
arr [1] = "undefined";
console.log(arr);
Cara di atas adalah cara manual untuk menghapus dan menambah elemen pada variabel array.
3. Menampilkan array
Menggunakan looping
Contoh:
var arr = ['Riventus','Armandus','Hamonangan'];
for(var i=0;i<arr.length;i++){
console.log(arr[i]);
}
Maka di console akan tampil dalam bentuk yang bukan objek lagi, ini telah dimanipulasi dengan looping
Sehingga bisa dimanipulasi seperti ini:
var arr = ['Riventus','Armandus','Hamonangan'];
for(var i=0;i<arr.length;i++){
console.log('Mahasiswa ke-'+(i+1)+' : '+arr[i]);
}
Untuk mempermudah hal di atas, bisa menggunakan method dari javascript untuk array yaitu length=> bertujuan mengetahui jumlah elemen pada array. Method-method lain pada array yaitu:
+ Join
+ Push, pop, unshift, shift, slice, splice, forEach, map, filter dan find, dll
akan dibahas satu persatu.
1. Join
↳ menggabungkan seluruh isi array dan merubah menjadi string
var arr = ['Riventus','Armandus','Hamonangan'];
console.log(arr.join()); → karena menggunakan method maka harus memakai tanda () karena method adalah fungsi yang ada di dalam sebuah objek.
Maka consol akan menampilkan string secara default dengan tanda pemisah koma (,).
Jika tidak ingin menggunakan tanda default bawaan javascript maka berikan separator di dalam method join seperti ini:
var arr = ['Riventus','Armandus','Hamonangan'];
console.log(arr.join(' ')); → tanda pemisah adalah spasi.
console.log(arr.join('+')); → tanda pemisah adalah plus.
2. Push and Pop
↳ Menambah dan menghapus elemen pada array pada akhir elemen array.
PAHAMI ARTI KATA DALAM BHS INGGRIS supaya dapat membayangkan penggunaan method pada namanya.
Push → menambah satu atau beberapa elemen di akhir elemen pada array / mendorong (memasukkan ) elemen baru di akhir elemen array.
arr.push('Doddy');
console.log(arr.join('+')); → tanda pemisah adalah tambah.
Pop → menghilangkan elemen terakhir pada sebuah objek dan harus satu per satu dari akhir elemen untuk menghilangkan elemen pada array. (pop= seperti efek suara balon meletus)
arr.pop();
arr.pop();
console.log(arr.join('+')); → tanda pemisah adalah tambah. Console akan tampil satu elemen dengan 2 elemen hilang karena nilainya dihapus dari akhir elemen array sebanyak 2 kali.
3. Unshif dan Shift
Unshift
↳ Bekerja sama seperti push tetapi menambah elemen yang bagian awal pada array.
arr.unshift('doddy');
console.log(arr.join('+')); → tanda pemisah adalah tambah. Akan tampil bagian awal elemen yaitu elemen baru dengan string doddy.
Shift
↳ Sama seperti pop yaitu menghilangkan elemen pada array tetapi shift menghilangkan pada awal elemen sebuah array.
arr.shift();
console.log(arr.join('+')); → tanda pemisah adalah tambah. Akan tampil bagian awal elemen yaitu elemen terhapus.
Pop dan shift benar-benar menghilangkan elemen array tidak mengganti dengan nilai undefined seperti yang dijelaskan sebelumnya.
0 comments:
Post a Comment