for문을 쓰는 여러가지 방법

1. 기본적인 for 문

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

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

---

2. for in

1. 기본적인 문법

 

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

   변수에 객체의 키값 할당

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

 

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

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

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

---

3. for of

 

1. 기본적인 문법

 

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

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

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

 

---

4. forEach()

 

1. 기본적인 문법

 

  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 

 

1. 기본적인 문법

 

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

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

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

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

 

 

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

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

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