티스토리 뷰

Javascript

[Javascript] 반복문

for in 반복문

for in 반복문은 for문 쉽게 사용하는 방법을 제공합니다.


for in 반복문

for in 반복문은 for문과 비슷하게 for 키워드를 사용합니다. 반복과 내부 요소에 접근하는 방식에 차이가 있으며 in 키워드를 기준으로 변수와 반복할 대상을 설정합니다.

for(변수 in 반복할 대상){
    //실행 코드
}

Sample1

for in 반복문 이용한 배열 예제입니다.

결과
100200300400500
100200300400500
html
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8">
    <title>자바스크립트(JavaScript)</title>
</head>
<body>

    <script type="text/javascript">
        //배열과 반복문
        var arr1 = new Array(100,200,300,400,500); 

        for(var i=0; i<arr1.length; i++) {
            document.write(arr1[i]);
        }   
        document.write("<br>");
        
        //for in 반복문
        var arr2 = new Array(100,200,300,400,500); 

        for(var i in arr2){
            document.write(arr2[i]);
        }
    </script>
</body>   
</html>      

Sample2

for in 반복문 이용한 객체 예제입니다.

결과
1단계
2단계
3단계

HTML1단계CSS2단계JavaScript3단계

코딩 공부 순서는 다음과 같습니다.
HTML은 1단계 입니다.
CSS은 2단계 입니다.
JavaScript은 3단계 입니다.
html
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>자바스크립트(Javasript)</title>
</head>
<body>
    
    <script>
        //객체와 반복문
        var book = {HTML: "1단계", CSS: "2단계", JavaScript: "3단계"}

        document.write(book.HTML,"<br>");
        document.write(book.CSS,"<br>");
        document.write(book.JavaScript,"<br><br>");

        //사용 불가
        for(var i=0; i<book.length; i++) {
            document.write(i,"<br>");
            document.write(book[i],"<br>");
        }   

        //for in 반복문
        for(var i in book){
            document.write(i);
            document.write(book[i]);
        }
        document.write("<br><br>");

        //for in 반복문 출력
        document.write("코딩 공부 순서는 다음과 같습니다.<br>");
        for(var i in book){
            document.write(i + "은 " + book[i]+ " 입니다.","<br>");
        }
    </script>
</body>
</html>     

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼