Front-End/JavaScript

[자바스크립트] 반복문(for in문, for of문, forEach문)

챌링킴 2021. 6. 13. 16:39
반응형

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>

▼실행결과▼

 

반응형