[자바스크립트] for 반복문, for in 반복문, for of 반복문

for 반복문

선언문, 조건문, 증감문 형태로 이루어진 반복문이다.

조건문이 false 되면 종료한다.

선언문, 조건문, 증감문 자리에 공백 입력이 가능하다.

 

• 선언문 : 카운터 변수를 초기화 할때 사용하게 된다.
• 조건문 : 반복때마다 조건문이 참이라면 실행문을 실행한다. 조건문에 식을 넣지 않는 경우에는 항상 참이 된다. 조건문이 거짓이라면 for문을 종료한다.
• 증감문 : 매 반복 후 다음 조건문을 평가하기 이전에 발생하여 카운터 변수를 증감할때 사용된다.

for(let i = 0; i<3; i++)
{ console.log(i); } //0, 1, 2

for(let i = 10; i < 3; i++)
{ console.log(i) } //조건문이 false 이므로 작동하지 않음

let num = 0; for(; num < 2; )
{ console.log(num) num++; // 조건문이 항상 참이므로 num++이 없다면 무한루프에 빠지게 됨 } //0, 1

 

 

이중 for문

for(let i = 1; i<11; i++){
	for(let j = 1; j<11; j++){
		console.log(${i} + ${j} = ${i + j})
	}
}

콘솔 결과

/*
"1 + 1 = 2"
"1 + 2 = 3"
"1 + 3 = 4"
"1 + 4 = 5"
"1 + 5 = 6"
"1 + 6 = 7"
"1 + 7 = 8"
"1 + 8 = 9"
"1 + 9 = 10"
"1 + 10 = 11"
"2 + 1 = 3"
"2 + 2 = 4"
"2 + 3 = 5"
"2 + 4 = 6"
"2 + 5 = 7"
"2 + 6 = 8"
"2 + 7 = 9"
"2 + 8 = 10"
"2 + 9 = 11"
"2 + 10 = 12"
"3 + 1 = 4"
"3 + 2 = 5"
"3 + 3 = 6"
"3 + 4 = 7"
"3 + 5 = 8"
"3 + 6 = 9"
"3 + 7 = 10"
"3 + 8 = 11"
"3 + 9 = 12"
"3 + 10 = 13"
"4 + 1 = 5"
"4 + 2 = 6"
"4 + 3 = 7"
"4 + 4 = 8"
"4 + 5 = 9"
"4 + 6 = 10"
"4 + 7 = 11"
"4 + 8 = 12"
"4 + 9 = 13"
"4 + 10 = 14"
"5 + 1 = 6"
"5 + 2 = 7"
"5 + 3 = 8"
"5 + 4 = 9"
"5 + 5 = 10"
"5 + 6 = 11"
"5 + 7 = 12"
"5 + 8 = 13"
"5 + 9 = 14"
"5 + 10 = 15"
"6 + 1 = 7"
"6 + 2 = 8"
"6 + 3 = 9"
"6 + 4 = 10"
"6 + 5 = 11"
"6 + 6 = 12"
"6 + 7 = 13"
"6 + 8 = 14"
"6 + 9 = 15"
"6 + 10 = 16"
"7 + 1 = 8"
"7 + 2 = 9"
"7 + 3 = 10"
"7 + 4 = 11"
"7 + 5 = 12"
"7 + 6 = 13"
"7 + 7 = 14"
"7 + 8 = 15"
"7 + 9 = 16"
"7 + 10 = 17"
"8 + 1 = 9"
"8 + 2 = 10"
"8 + 3 = 11"
"8 + 4 = 12"
"8 + 5 = 13"
"8 + 6 = 14"
"8 + 7 = 15"
"8 + 8 = 16"
"8 + 9 = 17"
"8 + 10 = 18"
"9 + 1 = 10"
"9 + 2 = 11"
"9 + 3 = 12"
"9 + 4 = 13"
"9 + 5 = 14"
"9 + 6 = 15"
"9 + 7 = 16"
"9 + 8 = 17"
"9 + 9 = 18"
"9 + 10 = 19"
"10 + 1 = 11"
"10 + 2 = 12"
"10 + 3 = 13"
"10 + 4 = 14"
"10 + 5 = 15"
"10 + 6 = 16"
"10 + 7 = 17"
"10 + 8 = 18"
"10 + 9 = 19"
"10 + 10 = 20"
*/

for in 반복문

for...in문은 상속된 열거 가능한 속성들을 포함하여 객체에서 문자열로 키가 지정된 모든 열거 가능한 속성에 대해 반복합니다.

객체의 key, value 형태를 반복하여 수행함

객체의 key 갯수 만큼 반복한다.

const person = { fname: "@Do", lname: "Donot", age: "_3" }; 
let text = ""; 

for (let x in person){ 
	text += person[x]; 
} 
console.log(text); //@DoDonot_3

for of 반복문

for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성합니다.

한마디로 반복가능한 객체에 적용 가능하고 각 개별 속성값에 적용됨

let language = "javascript"; 
let text = "";

for (let x of language){ 
	text =+ x; 
    console.log(x); 
}

//"j" "a" "v" "a" "s" "c" "r" "i" "p" "t"