for문을 쓰는 여러가지 방법

1. 기본적인 for문

for (let a = 0; a < 5; a++) {
	console.log(a);   	// 0 1 2 3 4
}

위의 식처럼 for (초기문; 반복문; 증감연산식) 으로 반복문이 끝날 때까지 for문 안의 식을 반복합니다.

2. for in

📚 기본적인 문법

for (변수 in 속성이 들어있는 객체) { ... }

변수에 객체의 키값 할당

객체에서 문자열로 키가 지정된 모든 속성들에 대해 반복합니다.

for in은 키-값 쌍이 있는 데이터에서 객체의 속성을 확인할 때 자주 사용합니다.

변수에는 키의 값이 들어가고 object[키값]을 넣으면 값이 나옵니다.

⛔ 배열에서는 for in을 사용하지 못합니다.

3. for of

📚 기본적인 문법

for (변수 of 반복가능한 객체) {...}

각 반복에 서로 다른 속성값이 변수에 할당

반복가능한 객체 ( Array, Map, Set, String, arguments 객체 등)에 대해 반복합니다.

4. forEach()

📚 기본적인 문법

array.forEach ( callback ( 처리할 요소, 요소의 인덱스, 호출한 배열) => {실행할 식});

🧐 요소의 인덱스와 호출한 배열은 적어주지 않아도 괜찮습니다~

forEach() 메서드는 배열에서 사용하며 배열 요소 각각에 대해 실행합니다.

callback함수를 사용하여 요소마다 한 번씩 실행합니다.

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

arr.forEach(function(element) {
	console.log(element)
}                                   //첫번째 방법

arr.forEach((ele) => console.log(element));  //두번째 방법

//result
//1
//2
//3
//4
//5

함수를 만들어 요소를 넣어줄 수도 있고 에로우 함수를 이용해 한줄로 사용할 수도 있습니다.

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

for (let seq = 0; seq < arr.length; seq++) {
	console.log(arr[seq]);
}

arr.forEach((ele) => console.log(ele));

원래 배열에서 요소 가져오기를 반복할 때의 for문을 단축할 수 있습니다.

🚫주의 : 예외를 던지지 않으면 forEach()문은 중간에 멈출 수 없습니다.

5. map

📚 기본적인 문법

const newArr = array.map(callback (처리할 요소, 요소 인덱스, 호출한 배열) => 실행할 식);

🧐 요소의 인덱스와 호출한 배열은 적어주지 않아도 괜찮습니다~

기본 문법만 보면 forEach문과 다를 것이 없습니다.

하지만 map은 기본 배열은 유지하고 새로운 배열을 만들어 다른 형태로 재구성하는 차이점이 있습니다.

이상으로 for문의 여러가지 표현법에 대해 알아보았는데요.

지금 쓴 내용보다 여러 방면으로 응용할 수 있는 방법이 있지만 간단한 사용법만 설명하였습니다.

다음에 더 공부해서 여러 사용법도 써보겠습니다😊