반응형
1) for in문
- 변수에 키를 저장
for(변수선언 in 객체){
객체의 요소의 개수만큼 반복할 문장;
...
}
<script>
'use strict';
let arr1 = ['루시',10,3.5,true];
for(let i in arr1){
console.log(i, arr1[i]);
}
</script>
▼실행결과▼
2) for of문
- 변수에 값을 저장
for(변수선언 of 객체){
객체의 요소의 개수만큼 반복할 문장;
...
}
<script>
'use strict';
let arr1 = ['루시',10,3.5,true];
for(let i of arr1){
console.log(i);
}
</script>
▼실행결과▼
3) forEach문
- 오직 Array객체에서만 사용
배열.forEach(콜백함수(item, index, arr){
배열의 요소의 개수만큼 반복할 문장;
...
});
** 각 변수에 실제로 들어오는 값 **
item : 값
index : 인덱스
arr : 현재배열
<script>
'use strict';
let arr1 = ['루시',10,3.5,true];
arr1.forEach(function(item,idx,arr){
console.log(item,idx,arr);
});
</script>
▼실행결과▼
반응형
'Front-End > JavaScript' 카테고리의 다른 글
[자바스크립트] 변수의 범위(지역변수,전역변수),호이스팅 (0) | 2021.06.19 |
---|---|
[자바스크립트] 사용자 정의 함수(function) 설명과 종류, 사용방법 (0) | 2021.06.13 |
[자바스크립트] Array 객체의 메소드 (0) | 2021.06.13 |
[자바스크립트] 배열(array)의 생성방법, 특징 (0) | 2021.06.13 |
[자바스크립트] 제어문(조건문, 반복문) (0) | 2021.06.06 |