📌 forEach

:배열 내부 요소를 하나씩 순환하는 방식
foreach메소드는 배열 내부 요소를 순환하며, 각 요소에 대해서 callback함수를 실행한다.

배열.forEach(callback 함수)

const arr =[55,70,80,94,67,21];
arr.forEach((el) =>{
    if(el%2===1){
        console.log(el);
    }
});

arr의 forEach를 호출하고 배열의 요소들은 callback함수의 변수 el로 전달한다.
요소들이 홀수인 경우를 조건식으로 넣어서 콘솔로 출력한다.

📌 for-in

:for-in반복문은 in 키워드를 기준으로 오른쪽에는 반복할 대상 변수, 왼쪽에는 속성명을 쓴다.

for(속성명 in 반복할 대상) {
}

반복문을 통해서 내부를 순회할 때, 각 요소의 key정보를 for-in에서 정의한 속성명으로 선언와 동시에 할당된다.
자기 자신이 가지고 있지 않은, 상위에 추가된 값도 포함되어 순회하기 때문에 배열에서 쓰면 안되고 객체에 사용한다.

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}

📌 for-of

Array객체를 반복 가능한 객체(Iterable)

for(변수 of반복 가능한 객체){
실행할 문장
}

const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

string도 반복가능한 객체이므로 for-of를 통해 순회한다.

const str ="hello";
for(const item of str){
	console.log(item);
}