Perulangan For Pada Javascript

Perulangan For Pada Javascript – Hi bret kali ini saya akan share ke kalian artikel tentang Perulangan For Pada Javascript, For loop dalam JavaScript di gunakan untuk mengulangi properti objek. Ini bisa menjadi alat debug yang cocok jika kita ingin menampilkan konten dari suatu objek.

Jika kamu telah mempelajari bahasa pemograman lain sebelumnya, perulangan For ini akan terasa tidak asing lagi. Bagi yang baru mempelajari JavaScript, jangan khawatir, kita akan mempelajarinya melalui contoh-contoh program sederhana.

Contoh Penerapan Perulangan For Pada Javascript

1. For loop over an iterable object

Dalam contoh dibawah ini, kita akan mengulang variabel obj dan mencetak setiap properti dan nilai :

const obj = {
  "a": "JavaScript",
  1: "PHP",
  "b": "Python",
  2: "Java"
};

for (let key in obj) {
  console.log(key + ": " + obj[key] )
}

// Output:
// "1: PHP"
// "2: Java"
// "a: JavaScript"
// "b: Python"

2. For-in loop array

Dalam contoh di bawah ini, kami melooping variabel arr seperti berikut :

const arr = ["JavaScript", "PHP", "Python", "Java"];

for (let key in arr) {
  console.log(key + ": " + arr[key])
}

// Output:
// "0: JavaScript"
// "1: PHP"
// "2: Python"
// "3: Java"

3. For-in loop string

Dalam contoh di bawah ini, kita akan melooping variabel str seperti berikut :

const str = "Hello!";

for (let key in str) {
  console.log(key + ": " + str.charAt(key));
}

//Output
// "0: H"
// "1: e"
// "2: l"
// "3: l"
// "4: o"
// "5: !"

4. For-of loop array

Dalam contoh di bawah ini, kami melooping variabel iterable seperti berikut :

Contoh 1 :

const iterable = ['a', 'b'];
for (const x of iterable) {
    console.log(x);
}

// Output:
// a
// b

Contoh 2 :

const iterable = ['a', 'b'];
for (const [index, element] of iterable.entries()) {
    console.log(`${index}. ${element}`);
}

// Output:
// 0. a
// 1. b

Contoh 3 entri [key, value] dalam metode map :

const map = new Map([
    [false, 'no'],
    [true, 'yes'],
]);
for (const [key, value] of map) {
    console.log(`${key} => ${value}`);
}

// Output:
// false => no
// true => yes

Demikian tutorial kali ini yang membahas tentang cara Perulangan For Pada Javascript, semoga bermanfaat dan membantu kendala kalian. terima kasih 🙂

Baca Juga :

1. Type data JavaScript
2. Membuat kode di JavaScript
3. Operator Aritmatika di Javascript
4. Function di Javascript
5. Event di Javascript
6. String Pada Javascript
7. Menampilkan Tanggal dengan Javascript
8. Switch Case pada Javascript
9. Perulangan For Pada Javascript
10. Manipulasi String Pada Javascript
11. Array Method pada JavaScript
12. Belajar Bahasa Pemrograman Javascript 

Beli Hosting Murah di Domainesia