Advance JavaScript 14 - for of , for in

Advance JavaScript 14 - for of , for in

Kita akan Mempelajari 2 looping baru yang Ada didalam Javascript yaitu for of Dan for in.

Definisi

For..of
creates a loop iterating over iterable object

Apa Saja iterable object itu

1.string
2.array
3.arguments /Nodelist
4.typedarray
5.map
6.set
7.user-defined iterables

Misal Kita punya studi kasus array mahasiswa

const mhs = ['gimas','nur','alamsah'];

Memakai for biasa
for (let i =0 ;i <= mhs.length; i++){
console.log(mhs[1]);
}

Memakai forEach
mhs.forEach(m => console.log(m));

for (const m of mhs) {

console.log(m)
}

string

const nama = 'gimasnuralamsah'

for (const n of nama){
console.log(n)
}

Jika memakai forEach untuk index
const mhs = ['gimas','nur','alamsah'];

mhs.forEach((m,i) => {

console.log(`${m} adalah mahasiswa ke ${i}`

})

for (const m of mnh ){
console.log(m)

}

Dengan memakai for of Kita tidak bisa menambahkan parameter nya lagi misal setelah m Kita ,i untuk memberikan index itu tidak bisa ,namun Ada caranya yaitu begini

for (const [i,m] of nama.entries()){
console.log(`${m} adalah mahasiswa ke ${i}`
}

Nodelist

const linama = document.querySelectorAll( '.nama');

linama.forEach(n => console.log(n.textcontent));

for ( n of linama ) {
console.log(n.innerHtml);

}

Argument

function jumlahangka(){

let jumlah = 0;

for (n of arguments) {
jumlah += n;

}
return jumlah;

}

console.log(jumlahangka(1,3,4,7,9,5,8,9))

for in
Creates a loop only itering over enumerable

Contoh

For in

const mhs = {
nama : 'gimasnuralamsah',
umur: 18,
email: 'gimasnur@gmail.com'

}

for (m in mhs) {
console.log(m)

}

Kalau Kita mau mengambil value nya gini

console.log(mhs[m])