본문 바로가기
JS/JavaScript 강의

38. for-of로 Array의 Element에 접근하기

by 박기린 2022. 11. 14.

안녕하세요. 박기린 입니다.

이번엔 for-of 구문에 대해 알아보겠습니다.

 

for-of 구조

for (const 'array의 요소를 담을 변수' of 'array의 이름') {
	{...실행코드...}
}

for-of 구문은 배열의 각 요소에 대해 for문을 이용해서 쉽게 접근할 수 있게 해줍니다.

(python의 for-in과 유사합니다.)

 

 


for-of 예시

const menu = ['pizza', 'chicken', 'salad', 'pasta'];

위와 같은 Array가 있다고 가정을 합시다.

 

for (const item of menu) console.log(item);

 

여기에 for-of 구문을 사용합니다.

 

 

item 변수에 Array의 Element를 담은 후에, 실행코드를 실행합니다.

이런식으로 Array의 모든 Element를 접근할 때까지 계속 for문을 반복해줍니다.

 

 

 

entries()를 적용한 Array를 출력하면 이렇게 나옵니다.

여기서 0부터 시작하는 번호를 1부터 시작하도록 바꾸고 싶습니다.

 

 

이때는 Array Destructuring을 이용합니다. Array의 Element를 담는 변수를 Destructuring 할 수 있습니다.

반응형