[TIL] more about JS

❓ for 문이 있는데 for ... in for...of 문법이 새로 나온 이유는 무엇일까요?

그리고 우리가 이것을 고르는 기준은 무엇일까요?

🔍  for 문이 있는데 for ... in for...of 문법이 새로 나온 이유는 무엇일까요?

• for…in 문 : 객체를 좀 더 쉽게 다루기 위해 생겨난 제어문이다.
• for…of문 : ES6에서 새로 생긴 반복문이며 컬렉션의 요소에 루프를 실행하는 다른 방법이다.

 for in 반복문

• 배열과 함께 사용할 수 있는 반복문이며, 배열 요소 하나하나를 꺼내서 특정 문장을 실행할 때 사용한다.
• 반복 변수에 인덱스가 들어가고, 반복문 내부에 요소를 사용하려면 fruits[i]와 같은 형태로 사용한다.

for (const 반복 변수 in 배열 또는 객체) {
문장
}

 for of 반복문

• for of 반복문을 사용하며 안정성을 위해 몇 가지 코드를 더 추가하기로 하였는데, 그래서 등장 한 것이 for of 반복문이다.
• 요소의 값을 반복할 때 안정적으로 사용할 수 있다.

for (const 반복 변수 of 배열 또는 객체) { // for in 반복문과 달리 반복 변수에 요소값이 들어감
문장
}

 for 반복문

• 일반적으로 특정 횟수만큼 반복하고 싶을 때 사용하는 범용적인 반복문이다.