javascript 반복문 정리

반복문은 조건식이 거짓일 때까지 조건식의 평가 결과가 참인 경우 코드를 싱행하는 문법이다.

for 문

for문은 조건식이 거짓으로 평가될 때까지 코드 블록을 반복 실행한다.

for(변수 선언 또는 할당문; 조건식; 증감식){
위 조건식이 참일 경우 실행할 코드
}

//예시
for(let i =0;i<3;i++){
console.log(i);
}
출력값 : 
0 
1
2

for of 문

for of문은 박본 가능한 객체의 객체 값을 반복하여 열거한다.

const myPet = ["춘식", "라이언", "어피치"];

for (const item of myPet) {
  console.log(item);
}
출력값:
춘식
라이언
어피치

while 문

while문은 조건식의 평가 결과가 참이면 반복하여 코드를 실행한다. 조건문의 평가 결과가 거짓이 되면 코드를 실행하지 않고 종료한다.
보통 for문은 반복 횟수가 명확할 때, while은 반복 횟수가 불명확할 때 주로 사용한다.

while (조건식) {
  조건식이 참인 동안 반복적으로 실행하고자 하는 실행문
}

//예시
const let conunt = 0;
while(count < 3){
console.log(count);
}
출력값:
0
1
2

forEach 메서드

forEach 메서드는 배열의 각 요소에 대해 한 번씩 순회하며 함수를 호출한다.

Array.forEach((value(현재 요소 값), index(현재의 위치), array(forEach를 호출한 배열)) => { 
  배열을 순회할 동안 실행될 실행문 
});

//예시
const myPet = ["춘식", "라이언", "어피치"];

const result = myPet.forEach((value, index)=>{
	console.log(value,index);
});
console.log(result);
출력값:
춘식 0
라이언 1
어피치 2

map 메서드

forEach와 마찬가지로 배열의 각 요소에 대해 한 번씩 순회하며 함수를 호출하낟. 하지만 forEach와 다른 점은 map은 각 함수에 반환되는 결과를 모아 새로운 배열을 만들어서 반환해준다.

Array.map((value(현재 요소 값), index(현재의 위치), array(map을 호출한 배열)) => { 
  배열을 순회할 동안 실행될 실행문 
  return 새로 구성할 값(새로운 배열을 만들기 때문에)
});

//예시
const myPet = ["춘식", "라이언", "어피치"];

const result = myPet.map((value, index)=>{
	console.log(value,index);
  return `${value} = ${index}`
});
console.log(result);
출력값:
춘식 0
라이언 1
어피치 2
['춘식=0','라이언=1','어피치=2']