반복문

여러 번 동작을 반복 실행하는 경우, while과 for 문을 사용할 수 있다.

while 문

while 루프는 조건(condition)을 만족하는 동안 코드를 계속 반복 수행한다.

while (condition) {
	statement 
}

예제

let i = 1;
while (i<=10){
	console.log(i);
	i++;
}
// 1
// 2
// ...
// 8
// 9 
// 10

내용이 한번 이상 실행되는 것을 반복(iteration)이라고 부르며, 본문에서 condition 조건이 거짓이 되는 조건을 만들어 주지 않는 다면, 무한 반복이 실행될 것이다.

 

do ~while 문

while문과 다른 것은 본문을 최소한 한번 실행을 하고 조건을 만족하는지 실행하는 것이다.

let i=1;
do {
	console.log(i);
	i++;
} while(i<=10);

for 반복문

for 반복문은 루프에 들어가기 전에 initialization을 실행하고, 조건이 참일 동안 statement을 실행하고,

final-expression을 실행한 다음 condition을 다시 체크한다.

for 문 안에서의 구분은 ;으로 구분된다. 

for (initialization; condition; final-expression)
	statement
    
    
// 예제
for (let i=1; i<= 10; i++) {
	console.log(i)
}

for in 

객체의 프로퍼티에 루프를 수행할 수 있음

for (variable in object)
	statement

// 예제
const obj1 = {
name: 'june',
age: '20',
}

for (let i in obj1) {
     console.log(i)
}
// me
// age

for (let i in obj1) {
     console.log(obj1[i])
}
// june
// 20

for of

ES6에 추가된 새로운 컬렉션 전용 반복 구문

for (variable of object)
 statement
 
 // 예제
let arr = [1,2,3,4,5];
for (let i of arr){
	console.log(i)
}
//1
//2
//...
//5 

 

forEach 

Array 객체에서만 사용가능한 반복 메서드

인자로 callback 함수를 등록할 수 있고, 배열의 각 요소가 반복될 때 callback 함수가 호출된다. 

let arr = [1,2,3,4,5];

arr.forEach((item, index)=>{
	console.log(item, index)
});

//1, 0
//2, 1
//...
//5, 4

forEach에 자세한 설명은 아래를 참고

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Array.prototype.forEach() - JavaScript | MDN