Web/JavaScript

[days03] for in(), for of()

 다연  2020. 12. 11. 18:15
반응형

 1. forin문 (for in) 

java의 for~each문과 같다.

for( var 변수 in 오브젝트명 )

 => 변수만 출력한다면 객체의 속성명(필드명이 출력됨)

 

document.write(x+"<br>");

=> name age address gender 출력 (속성명)

document.write(person[x]+"<br>"); 

=> admin  20  seoul  false  (속성값)

<script>
	//java: foreach문
	//js forin문
	for ( var n in m) { //var 변수 in 배열 또는 컬렉션
		document.write(m[n]+"<br>"); //n 하면 0 1 2 찍힘 => 배열의 인덱스 값 출력
	}
	
	var person = {
				name:"admin",
				age:20,
				address:"seoul",
				gender:false
	};

	
	for ( var x in person) {
		document.write(person[x]+"<br>"); //x쓰면 name age address gender 출력
						//객체의 속성명(필드명)이 출력된 것 - forin 제어문 사용
	}
	
</script>

 

 2. forof 제어문 

Array, String, Map, NodeList 등의 반복 처리 

<script>
var cars = ["kia","bmw","volvo"];

for (let x of cars) {
	document.write(x+"<br>"); 
}

var msg = "hello world~";
for (let x2 of msg) {
	document.write(x2+"<br>"); //문자 하나하나 출력
}
</script>

 

반응형