Teknik Perulangan untuk Array dan Object di Javascript

Teknik Perulangan untuk Array dan Object di Javascript - Siang sobs-sobs sekalian, semoga dalam kondisi sehat selalu dan berlimpah rejeki. pada kesempatan kali ini ntah kenapa ingin menulis saja, dan topik pada kali ini mungkin sebagaian sobs-sobs sudah tau atau mungkin belum tau, bagi yang sudah tau bisa tidak baca dan yang belum tau silahkan dinikmati dengan segelas kopi panas, pisang goreng dan udut tentu saja, ahhhh nikmat mana yang kau dustakan.

ahhh Javascript, ngomongin bahasa pemrograman satu ini tidak akan ada habisnya, laahhh ? ya iyalah sekarang javascript everywhere maksudnya javascript yang awal hanya bahasa pemograman client side sekarang dapat berjalan juga di server side belum lagi di mobile dimana ada react native disana pokonya javascript-javascript everywhere. karena blog ini engga mau ketinggalan jaman maka akan dibahas teknik perulangan di object, ettt jangan bayangkan object disini seperti dibahasa pemrograman lain,, hehehe ingat array dijavascript juga bertipe object lohhh. ahhh masa bang yee dibilangin ngeyel coba aja buat suatu array dan cek tipe datanya. sudah cek belom ??

const siswa = ["bambang", "dani", "ayu"];
console.log(typeof siswa);

nah pasti object, karena everything in javascript is object. gaya banget sok bahasa inggris. oke let's do it.

1.    For of

Teknik perulangan ini hanya untuk array artinya selain array tidak bisa. teknik ini akan mengembalikan value dari element-element array itu sendiri, berikut contohnya :

const arrayHewan = ["kodok", "jangkrik", "burung"];

for (let hewan of arrayHewan) {
   console.log(hewan);
}
/*
    output:
    -   kodok
    -   jangkrik
    -   burung
*/

dimana kita mendeklarasikan sebuah variabel didalam perulangan contoh di atas gua mendeklarasikan variabel hewan sebagai value atas setiap element array, variabel hewan ini akan berubah ubah sampai perulangan element array habis. variabel hewan disebut juga sebagai variabel temporary atau variabel yang menampung sementara setiap value dari element array. saya akan kasih contoh lagi sobs-sobs biar lebih jelas.

const kandangPakSugiono = ["kodok", "kalelawar", "buaya", "ayam", "cacing"];

 for (let hewan of kandangPakSugiono) {
    if (hewan === "buaya") {
      console.log("waspada ada buaya");
      break;
    }
 }

pak sugiono membuat kandang di kandangnya terdapat beberapa hewan, disini kita akan mengecek apakah didalam kandang pak sugiono ada buaya, teknik pengecekan dengan menggunakan perulangan for of disitu ada if conditional untuk mengecek variabel hewan sama dengan buaya atau tidak, jika tidak maka perulangan terus berjalan dan jika variabel hewan adalah buaya maka akan menapilkan peringatan "waspada ada buaya" dan seketika perulangan berhenti dengan adanya keyword break. bang kalo kita hapus buayanya dari array gimana ? yaaa maka tidak akan terjadi apa-apa sama sekali. untuk for of mungkin sampai sini aja dulu, dan selanjutnya adalah for in.

2.    For in

Teknik Perulangan ini dapat digunakan untuk array dan objek dijavascript, jika sebelumnya diperulangan for of nilai yang dikembalikan adalah value dari array maka didalam perulangan for in nilai yang dikembalikan berupa index untuk array dan berupa atribute atau key untuk objek, bangg masih bingung, oke let's gooo..

2.1    Array

perhatikan kode dibawah berikut : 

const daftarMantan = ["Indah", "Ayu", "Dini", "Dinda"];

for (let indexMantan in daftarMantan) {
  console.log(`${indexMantan} = ${daftarMantan[indexMantan]}`);
}

disini indexMantan akan bernilai index dari suatu array. untuk mengakses value dari suatu array bisa dengan cara memanggil array dan diikuti dengan indexnya contoh diatas yaitu dengan 

daftarMantan[indexMantan]. berhubung menyinggung mantan maka contoh untuk array sampai sini saja takut terbawa kenangan sobs-sobs. oke next pembahasan for in yaitu untuk object walaupun array di js juga object juga sihh.

2.2    Object

perhatikan kode dibawah berikut :

const biodataMantan = {
  nama: "Dinda Ayu Bidadari",
  hobby: "Makan Jagung",
  tanggalPutus: "Tidak diketahui",
};

for (let keterangan in biodataMantan) {
  console.log(`${keterangan} = ${biodataMantan[keterangan]}`);
}

Contoh diatas variabel keterangan akan berisi key dari object tersebut yaitu nama, hobby, dan tanggal putus, semua akan bertipe string walaupun kita membuat key berupa angka karena dijavascript key akan dianggap sebagai string, lah kok kenapa gitu bang ? emang dari sananya.

selanjutnya untuk mengakses value dari object hanya bisa menggunakan bracket notation atau tanda kurung siku, lah kan bisa saja bang kita akses dot notation contohnya kaya gini 

biodataMantan.nama ? OKE Cotomatekudasai

dot notation bisa jika kita gunakan diluar for in, tetapi didalam perulangan for in tidak bisa. lahhh kenapa banggggg ??? oyy bang jawabbb ???

Oke... jawabannya adalah coba perhatikan contoh diatas variabel keterangan ? iya sudah liattt bang.

variabel keterangan ini akan berubah-berubah mengikuti sesuai nilai key didalam perulangan. dot notation tidak mendukung sesuatu yang berubah ubah didalam perulangan.

kok bisa begitu ?

Ya mana saya tahu tempe

agar jika tidak penasaran sobs-sobs silahkan ubah ke biodataMantan.keterangan oh iya contoh diatas saya menggunakan template string karena saya tipenya mager'an.

bang apa itu template string ???

oke kalo ada waktu dibahas, karena kopi mau habis abangnya mau cabut dulu.

Sekian pembahasan untuk teknik perulangan, sebenarnya masih ada lagi teknik perulangan seperti forEach tapi itu diluar pembahasan, karena itu termasuk kedalam array method mungkin next time saya akan bahas. 

See you next time.