다연이네

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

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>

 

반응형

'Web > JavaScript' 카테고리의 다른 글

[days03] js 배열  (0) 2020.12.11
[days03] 숫자와 관련된 함수  (0) 2020.12.11
[days03] 숫자 입력하면 판별(홀/짝, 수우미양가 등), 합 출력  (0) 2020.12.11
[days03] 문제  (0) 2020.12.11
[days02] 문자열 메소드  (0) 2020.12.10
Comments