[Study/JavaScript] for...of 반복문

SoShy·2023년 11월 30일

JavaScript_Study

목록 보기
13/36
post-thumbnail

🥕 for...of 반복문

  • for...in 반복문은 변수property name을 할당했었지만,
  • for...of 반복문은 배열요소를 할당함.

기본 구조

for (변수 of 배열) {
  동작부분;
}

예시

let influencer = ['suwonlog', 'small.tiger', 'Minam.ludens', 'cu_convenience24']

for (let element of influencer) {
  console.log(element);
}
.
.
.
>>> suwonlog
	small.tiger
	Minam.ludens
	cu_convenience24

  • 물론, 위와 똑같은 것을 for...in 반복문으로도 작성 가능함.
  • 그러나, for...in 반복문은 모든 property를 가지고 반복하는 동작이기 때문에, 특수한 경우에는, 배열의 method나 배열이 가지고 있는 length property 같은 것들이 변수에 할당될 가능성이 있음.
  • for...in 반복문은 사실상 일반적인 객체에 좀 더 최적화되어 있음.
let influencer = ['suwonlog', 'small.tiger', 'Minam.ludens', 'cu_convenience24']

for (let index in influencer) {
  console.log(influencer[index]);
}
.
.
.
>>> suwonlog
	small.tiger
	Minam.ludens
	cu_convenience24
profile
프론트엔드 개발자가 되기 위해 노력 중인 새싹🌱 입니다.

0개의 댓글