Pertemuan Ke 4
KELAS XII SEMESTER GANJIL
Sekilas Cerita:
Pada kelas ini kita akan mempelajari kombinasi antara kode javascript dan juga element html.
Loop (perulangan)
kita membutuh program yang bisa berfungsi untuk melakukan hal yang sama berulang kali atau melipat gandakan. Misal kita ingin menampilkan menampilkan angka dari 1 sampai 100. dari sini kita tidak mungkin menulisnya satu satu. Dari masalah tersebut kita harus menggunakan loop (perulangan). javascript memiliki banyak opsi untuk melakukan looping atau perulangan kode, antara lain:
for loop
Dari beberapa cara melakukan proses loop pada JavaScript, “for” merupakan salah satu cara yang banyak digunakan. Struktur dasar dari for tampak seperti berikut:
for(inisialisasi variabel; test kondisi; perubahan nilai variabel) {
// do something
}
dan berikut jika kita terapkan secara nyata:
for(var i = 0; i < 5; i++) {
console.log(i);
}
for...in
digunakan untuk menampilkan data yang bertipe object, seperti ini kodenya:
const object = [
{
a: 1,
b: 2,
c: 3
},
{
a: 1,
b: 2,
c: 3
}
];
var x;
for (x in object) {
console.log(object[x].a);
console.log(object[x].b);
console.log(object[x].c);
}
Object
Kali ini kita akan berkenalan dengan tipe data object. Sebuah tipe data yang sangat berguna dalam pengembangan aplikasi dengan JavaScript. Object mampu menyimpan nilai dari beragam tipe data dan membentuk data yang lebih kompleks.
Untuk menetapkan objek pada sebuah variabel kita gunakan tanda kurung kurawal {}.
var user = {};
Object berisi pasangan key dan value yang juga dikenal dengan property. Key berperan mirip seperti nama variabel yang menyimpan sebuah nilai. Sementara, value berisi nilai dengan tipe data apa pun termasuk objek lain. Key dan value di dalam object dituliskan seperti berikut:
var object = {key1: "value1", key2: "value2", key3: "value3"}
Key harus berupa string dan dituliskan sebelum titik dua (:), lalu diikuti dengan value-nya. Meskipun key merupakan string, kita tidak perlu menuliskan tanda petik kecuali ada karakter khusus seperti spasi.
pemrogramanMobile pembuatan card.mp4membuat user inter dengan framework7 dengan data object
link data object: https://drive.crazycoding.info/movie.js
