Web/JavaScript
[days03] for in(), for of()
다연
2020. 12. 11. 18:15
반응형
1. forin문 (for in)
java의 for~each문과 같다.
for( var 변수 in 오브젝트명 )
=> 변수만 출력한다면 객체의 속성명(필드명이 출력됨)
=> 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>
반응형