본문 바로가기
개발공부_Blog/JavaScript

javascript - for문의 종류 (for in / for of / for Each )

by 소팡팡 2021. 12. 22.

  for in 문  

for in문은 인덱스가 기본출력

* 변수에 키를 저장

   for(변수선언 in 객체){
   객체의 요소의 개수만큼 반복할 문장; ...
   }

 

let arr = [ '루시', 10, 2.5, true ] 

for(let i in arr){
  console.log(i, arr[i]) 
  }
    
 // for in문은 인덱스가 기본 출력되고, 값도 출력가능

 

 

  for of 문  

* 변수에 값을 저장

   for(변수선언 of 객체){
   객체의 요소의 개수만큼 반복할 문장; ...
   }
let arr = [ '루시', 10, 2.5, true ] 

for (let i of arr){
	console.log(i)
    }
// for of 문은 값을 출력한다

 

 

 

  for Each 문  

오직 Array객체에서만 사용
item : 값 index : 인덱스 arr : 현재 배열

배열.forEach(콜백함수(item, index, arr){
   배열의 요소의 개수만큼 반복할 문장; ...
   });
let arr = [ '루시', 10, 2.5, true ] 

arr.forEach(function(item,idx,arr){
  console.log(item,idx,arr)
})

// for Each : array객체에서만 사용
//배열에 있는 요소만큼 함수가 불려진다
// item = 값 , idx = index , arr = 현재배열

 

  결  과  

for in문 => 인덱스 반환 0, 1, 2, 3 for of문 => 값 반환 for Each => 값, 인덱스, 배열 반환

댓글