for in문 for of문 공부하기

for문은 while문과는 달리 자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문이다.

문법
for (초기식; 조건식; 증감식) {
      조건식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문;
       }

for in문

🎈반복문의 한 종류로, 주어진 iterable 객체의 모든 항목을 순서대로 반복하여 처리할 수 있도록 해주는 구문.

문법
for 변수 in iterable 객체:
객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문;

🎈 for in문은 일반적인 for문과는 전혀 다른 형태의 반복문이다.

🎈 for in문은 해당 객체의 모든 열거할 수 있는 프로퍼티를 순회할 수 있도록 해준다.

예제

<script>
	var arr = [5, 6, 7];
    
    for(var i = 0; i<arr.length; i++){
    	document.write(i + " ");
        }
    document.write("<br>");

결과값. 

012

012

<script>
	var obj = {
    	name : "이자바",
        age : 25
        };
        
        for (var i in obj) {
        	document.write(i + "<br>");
            }
</script>

결과값. 

name

age

for of문

for-of 문은 JavaScript에서 사용되는 반복문 중 하나로, 주어진 iterable 객체의 모든 항목을 반복하여 처리할 수 있도록 해주는 구문.

문법
for ( let 변수 of iterable 객체) {
      실행할 코드 블록
       }

🎈자바스크립트에서 반복할 수 있는 객체에는 Array, Map, Set, arguments 객체 등이 있다.

🎈이 반복문은 루프마다 객체의 열거할 수 있는 프로퍼티의 값을 지정된 변수에 대입한다.

🎈for of문은 릭스플로에서 지원하지 않는다.

예제

 <script>
    var arr = [2, 3, 4];

    for (var i = 0; i < arr.length; i++) {
      document.write(arr[i] + " ");
    }
    document.write("<br>");

    for (var value of arr) { 
      document.write(value + " ");
    }
  </script>

결과값.

234

234