[Javascript] for 반복문

[Javascript] for 반복문

for 반복문은 반복적으로 실행해야 하는 횟수가 정해져 있을 때 사용하기 좋다. 자바스크립트에서는 다양한 형태의  for 반복문이 존재한다.

for 반복문의 종류

1. for
2. for ... in
3. for ... of
4. forEach() : Array 메서드

for 반복문

가장 일반적인 for 문의 형태로 초기값 설정 ( let i = 0 ), 반복 조건 ( i<10 ), 변수 증감식 ( i++ ) 형식으로 이루어진다. 

for(let i = 0; i<10; i++){
	console.log("반복할 내용");
}

for ... in  반복문

for in 문은 object에 사용할 수 있는 반복문이다. 배열 반복도 가능하나 추천하지 않는다. in 키워드를 사용한다. 만약 없는 key 값을 사용하게 되면 undefined 가 출력된다. 

const obj = {
  name : '이름',
  age : '나이'
}

for(const key in obj){
    console.log(`key 값 : ${key}`); // 1. key값 : 이름 // 2. key값 :age
    console.log(`value 값 : ${obj[key]}`); // 1. value 값 : 이름 // 2. value값 : 나이
}

for ... of 반복문

for of 문은 반복 가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등) 에 대해 사용할 수 있다. 보통은 배열(Array)에 사용한다. 배열에 들어 있는 모든 원소들을 순회하면서 반복문을 수행한다. 배열 안에 있는 요소를 꺼내쓸 때 사용하면 좋다.

const array = ['1번', '2번', '3번'];

for(const element of array) {
  console.log(element); // 배열[0] ~ 끝까지 순차적 출력
}

forEach() 반복문

배열에 사용되는 메서드로 인자에 콜백함수를 넣어 사용한다.

const array = ['1번', '2번', '3번'];

array.forEach((element)=>{
    console.log(element);
})