개발공부_Blog/JavaScript
javascript - for문의 종류 (for in / for of / for Each )
소팡팡
2021. 12. 22. 15:30
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 => 값, 인덱스, 배열 반환 |
![]() |
![]() |
![]() |