Dev/JavaScript

[JavaScript] 반복문 종류

ujam 2021. 9. 15. 22:50
728x90
반응형

자바스크립트는 여러가지의 반복문이 존재합니다.

 

  • for
  • for in
  • for of
  • forEach()
  • while
  • do while

 

 

for문

for (let i = 0; i < 10; i++) {
	console.log(i)
}
// 출력결과 0 1 2 3 4 5 6 7 8 9

 

for in문

for in문은 특정 객체의 열거 가능한 모든 프로퍼티(enumerable properties)를 순회할 수 있게 합니다.

열거 가능한 프로퍼티는 enumerable 플래그가 true인 프로퍼티를 뜻 합니다.

const obj = {
	name: "ujam",
    job: "engineer",
    age: 25
}

for (const key in obj) {
	console.log(`${key} : ${obj[key]}`);
}
/*
출력결과 
name : ujam
job : engineer
age : 25
*/

 

for of문

특정 객체의 반복 가능한 객체(iterable objects)를 루프 처리 한다.

반복 가능한 객체는 Array, Map, Set, arguments 등이 있습니다.

const arr = [1, 2, 3];

for (const item of arr) {
	console.log(item);
}
/*
출력결과 
1
2
3
*/

 

 

forEach()문

const arr = [1, 2, 3];

arr.forEach((value, index, array) => { 
    console.log(`${index} : ${value}`);
})
/*
출력결과 
0 : 1
1 : 2
2 : 3
*/

 

while문

let n = 0;

while (n < 3) {
    console.log(n);
    n++
}

/*
출력결과 
0
1
2
*/

 

 

do while문

let n = 0;
let str = '';
do {
    n = n + 1;
    str = str + n;
    console.log(str);
} while (n < 5);
/*
출력결과 
1
12
123
1234
12345
*/

 

 

 

 

 

 

 

 

 

항상 부족한 부분이나 피드백할 부분을 댓글로 남겨주시면 적극적으로 수용하여 수정하겠습니다.

728x90
반응형