Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Memanggil variable js dari looping
saya mempunyai variable ket yang mempunyai angka disetiap ket seperti dibawah ini :
<script>
let ket1 = 'ada'
let ket2 = 'ada'
let ket3 = 'tidak'
let ket4 = 'ada'
let ket5 = 'kosong'
</script>
jika variable ket saya ada sampai 70 maka rencana saya ingin melooping nya sehingga tidak perlu mengetik 1 per 1,
saya sudah mencoba beberapa cara, tetapi belum ada berhasil
for (let i = 1; i < 66; i++) {
console.log(`${ket + i}`); => hasilnya NaN
console.log('ket' + i); => hasilnya string ket1, ket2,....
console.log(`${ket}` + i); => hasilnya Undefined1,Undefined2,....
}
apakah ada cara yang dapat digunakan untuk memanggil variabel ket1 - ket70 tersebut dengan cepat ?
2 Jawaban:
Itu kodenya ada yg salah.
<pre>
console.log(${ket + i}); => hasilnya NaN
</pre>
Karena dalam kode itu nilai dari ket ditambahkan dengan nilai i. Sementara ket undefined. Ket dianggap sebagai variable. Maka hasilnya NaN.
harusnya seperti ini kodenya:
<pre>
console.log(ket ${i});
</pre>
Sedangkan untuk ini :
<pre>
console.log(${ket} + i); => hasilnya Undefined1,Undefined2
</pre>
hasilnya undifined sama seperti masalah diatas, ket dianggap sebagai variable dan belum ada makanya undefined.
harusnya seperti ini:
<pre>
console.log(ket ${i});
</pre>
Tanggapan
tidak bisa juga gan, jika di console muncul string ket1, ket2,...
Jawaban Terpilih
Jawabannya "ya", ada cara biar lebih singkat. Silahkan perhatikan beberapa poin dibawah ini...
- Kamu harus pakai 'var' bukan 'let'
- Gunakan window untuk memanggil variabel contoh : <pre> <script> // Gunakan var bukan let var ket1 = 'satu'; var ket2 = 'dua'; var ket3 = 'tiga'; var ket4 = 'empat'; var ket5 = 'lima';
for (var i = 1; i < 66; i++) {
var value = window['ket'+i]; // Disini bisa pakai var/let if(value != undefined){ // console.log(value); alert(value); }
} </script> </pre> Selanjutnya, silahkan browsing perbedaan 'var', 'let' ataupun 'const' agar tau kapan harus menggunakannya :)
