Basic JavaScript #40 For Of


For Of

Jika For In digunakan untuk melakukan iterasi property atau index, berbeda dengan For Of, inin digunakan untuk melakukan iterasi terhadap isi value dari iterable object, seperti Array, String dan lain-lain

For of tidak bisa digunakan untuk melakukan iterasi data di object, karena object bukanlah iterable


Ok sekarang coba kita buat. Pertama New File beri nama for-of.html

Lalu coba ketikan seperti gambar di bawah ini

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>For Of</title>
</head>
<body>
<script>
	
	const names = ["Putra", "Rama", "Setiawan"];
	for(const name of names){
		document.writeln(`<p>${name}</p>`);
	}

	const fullName = "Putra Rama Setiawan";
	for(const character of fullName){
		document.writeln(`<p>${character}</p>`);
	}

	/*const person = {
		firstName: "Putra",
		lastName: "Rama"
	};
	for(const name of person){
		document.writeln(`<p>${name}</p>`);
	}
	*/

</script>
</body>
</html>

Lalu RUN dan outputnya akan seperti gambar dibawah ini

Leave a comment

Design a site like this with WordPress.com
Get started