Jun 18, 2020

Begini penjelasan mengenai tanda bintang (*) dalam pengulangan for bersarang JavaScript

Assalaamu'alaikum.

Halo teman-teman, kali ini saya akan menjelaskan tentang perulangan for bersarang ...
Yap, sebenarnya saya habis menonton dari Pak Sandhika Galih ya

Silahkan mampir ke sini :)) ke video Pak Sandhika tentang materi ini

Awalnya sih agak bingung juga ini gimana, tapi Alhamdulillah paham juga :v
Butuh waktu lama juga sih untuk memahaminya, logika harus kuat juga :)

Ok, tak jelaskan yaa

Sebelum lanjut ke Perulangan For Bersarang, saya akan membahas cara kerja Perulangan For itu dulu.

Cara kerja Perulangan For, tidak akan berhenti sampai nilai itu sendiri salah (False) atau tidak memenuhi syarat kondisi.
Jika sudah salah, maka akan keluar dari Perulangan For.

Misal,

for(var x = 1; x <= 5; x++){
console.log(x);
}

Maka, akan menampilkan output seperti ini,

Jika dilihat dari gambar di atas, output hanya menampilkan 5 angka, yaitu dari angka 1 sampai 5, iya kan? Nah, kamu harus tahu dulu prinsip kerja perulangan for pada dasarnya baru bisa masuk ke sini. Silahkan nonton video yg Web Programming UNPAS karena di sana diajari dasar-dasar JavaScript.

Itu untuk Perulangan For. Bagaimana dengan Perulangan For Bersarang? Seperti ini kodenya:

var s = '';
for(var x = 0; x <= 5; x++){
for(var j = 0; j <= x; j++){
s += j;
}
s += '\n';
}
console.log(s);

maka akan mengeluarkan output seperti berikut:

Ok, akan saya jelaskan. Sengaja kodenya agak mirip dgn video Pak Sandhika Galih karena supaya kamu punya 2 referensi pembelajaran dalam hal ini. Intinya supaya cepat paham aja :)

Lalu, dari for(var x = 0; x <= 5; x++) mengartikan bahwa perulangan for mempunyai statement (maaf jika salah) atau syarat seperti di dalam tanda kurung tsb. awal nilai x adalah 0; x kurang dari atau sama dengan 5; x akan bertambah 1 (untuk x++ selengkapnya bisa dicari di internet untuk penjelasan hal tsb.)

Untuk for(var j = 0; j <= x; j++) yaitu (nilai awal j bernilai 0; j kurang dari atau sama dengan x; j akan bertambah 1)

Untuk s += '\n' tanda += itu sama dengan s = s + '\n'

Jelas ya? :)

Ok, untuk cara kerjanya nah siap? Sudahlah paling dibaca doang terus pas agak dong EH GIMANA GIMANA?? Terus balik lagi baca dari awal cariii sampai paham hehe becanda :)

Tapi bener kan? Aowkwkwk...

Ok, jadi gini...

Lihat gambar aja dulu deh ...
*maksud dari lanjut ke code bawahnya ialah melanjutkan tugasnya sbg Perulangan For yaa


Kalau dibuka di HP, silahkan diklik gambarnya lalu buka di New Tab atau tampilannya diubah menjadi versi desktop yaa ~

Ok, jadi gini,
  1. Di perulangan pertama nilai x ialah 0, jika TRUE maka akan masuk ke perulangan For yg bervariabel j. Nah di sini kalau TRUE maka perulangan For bervariabel j akan melakukan tugas/perintah yaitu s += j;Jika di Perulangan For yg bervariabel j bernilai False, maka akan keluar dari perulangan tsb., lalu
  2. Kembali melakukan perulangan For yg bervariabel x dgn nilai x yaitu 1, lalu masuk kembali ke perulangan For yg bervariabel j sampai keluar. Ketika masuk ke perulangan For yg bervariabel j ini, nilai awal j tetap 0 ya karena kan sudah keluar.
  3. Begitu terus sampai Perulangan For yg bervariabel x bernilai False.

Maksud dari True dan False di sini ialah apakah nilai dari var tsb memenuhi syarat kondisi atau tidak.

Misal,
  1. nilai dari var a ialah 1, dan syarat kondisi ialah a < 2
  2. dicek apakah var a memenuhi syarat kondisi tsb (yaitu a < 2) atau bukan
  3. jika memenuhi, maka bernilai True lalu melanjutkan tugasnya, jika tidak maka bernilai False lalu keluar dari Perulangan For.


Tidak hanya For ya, untuk While juga, dsb (maaf agak lupa).

Mengertikah..?

Memang butuh pemahaman yg agak lama, tapi pasti kamu akan paham kok, Insya Allah ^o^

Karena soal dari materi ini sebagian dipakai untuk tes lamaran kerja sebagai programmer :)
Oh dan juga tes untuk dapat bootcamp gratis :)

Saya menulis ini pun karena jika saya lupa jadi saya bisa buka lagi dan baca-baca lagi deh wkwkwk

Oya, untuk yg bintang-bintang, saya hanya memberi kodenya aja yaa...
Misal bentuk outputnya seperti ini,

And for the code is
Maaf yaa bukan tulisan tapi malah gambar, supaya kamu mengetik hehe tidak hanya copas hehe

Okok, terima kasih telah mampir ^v^
Semoga kamu paham ya, Aamiin...
Semoga bermanfaat, Aamiin...

Demikian dari saya, eh sekian
Mohon maaf jika ada kesalahan dari saya,

See You ~
Wassalaamu'alaikum...

#Saran = buat artikel ini sambil dengerin lagu Sami Yusuf enak juga :)
Pencarian:

  • Cara membentuk barisan tanda bintang javascript
  • Cara membuat perulangan for bersarang javascript
  • Cara membuat pengulangan for bersarang javascript
  • tanda bintang perulangan for bersarang javascript
  • tanda bintang pengulangan for bersarang javascript
Previous Post
Next Post

0 komentar: