for문

for문은 조건식을 만족할 때까지 특정 코드를 반복해서 실행합니다. 사용방법은 while문과 같지만 while문보다 사용하기 편해 사용빈도가 높은 편입니다.

for문

for ( 초깃값; 조건식; 증감식){ //반복 코드 }

<script>
    //화면에 1~10까지 출력
    document.write("1. 실행되었습니다.<br>");
    document.write("2. 실행되었습니다.<br>");
    document.write("3. 실행되었습니다.<br>");
    document.write("4. 실행되었습니다.<br>");
    document.write("5. 실행되었습니다.<br>");
    document.write("6. 실행되었습니다.<br>");
    document.write("7. 실행되었습니다.<br>");
    document.write("8. 실행되었습니다.<br>");
    document.write("9. 실행되었습니다.<br>");
    document.write("10. 실행되었습니다.<br>");

    
    //1~100까지 출력
    for (let i = 1; i <= 100; i++){
        document.write(i+". 실행되었습니다.<br>");
    }
</script>

//1~100까지 홀수만 출력
for (let i =1; i<= 100; i++){
    if(i % 2 == 1 ){
    document.write(i + ".실행되었습니다.<br>");
    }
}

위 아래 코드는 같은것. for문 안에 if를 쓴것과 안쓴 차이

// 1~100까지 홀수만 출력
for(let i=1; i<=100; i+=2){
    document.write(i +".실행되었습니다.<br>");
}

//for 문을 이용해서 1부터 100까지 출력(4의 배수만 출력)
    for(let i = 1; i<=100; i++){
        if(i % 4 == 0){
        document.write(i+".실행되었습니다.<br>");
        }
    }

    //1부터 100까지 출력(4의 배수와 6의 배수 출력)
    for (let i =1; i <=100; i++){
        if(i % 4 ==0 && i % 6 == 0){
        document.write(i+".실행되었습니다.<br>");
        }
    }

    //변수: 하나의 데이터를 저장하는 저장소
    //배열: 두개이상의 데이터를 저장하는 저장소
    //객체: 데이터(속성,속성값)를 저장하는 저장소
    //함수: 실행문을 저장


    //document.write(arr1[0], "<br>");
    //document.write(arr1[1], "<br>");
    //document.write(arr1[2], "<br>");
    //document.write(arr1[3], "<br>");
    //document.write(arr1[4], "<br>");
    //document.write(arr1[5], "<br>");
    //document.write(arr1[6], "<br>");
    //document.write(arr1[7], "<br>");
    //document.write(arr1[8], "<br>");
    
    //for문으로 바꾸기
    let arr1 = [100, 200, 300, 400, 500, 600, 700, 800, 900];

    for(let i = 0; i <= 8; i++){
        document.write(arr1[i]+ "<br>");
    }

for문을 이용하여 배열출력

//for 문을 이용하여 배열출력
    for(let i = 0; i < 9; i++){
        document.write(arr1[i]);
    }

//50~100까지 출력하기(짝수는 파란색, 홀수는 노란색, 4의 배수는 빨간색)
//for문
for(let i=50; i<=100; i++){
    if(i % 4 ==0){
        document.write ( "<span style ='color:red'>"+ i +"</span>");
    } else if (i % 2 == 0){
        document.write ("<span style ='color:blue'>"+ i +"</span>");
    }
    else {
        document.write("<span style = 'color:yellow'>"+ i +"</span>");
    }
}

결과값

  //50~100까지 출력하기(for문)
    for(let i=50; i<=100; i++){
        document.write(i + ",");
    }
    document.write("<br>");

결과값

//반복문 중첩(산업처리기사 기출문제)
function func4(){
for(i=1; i<=7; i++){
for(j=1; j<=i; j++){
    document.write(j);
}
document.write("<br>");
}
}
func4();
//삼각형 모양으로 1 12 123 1234 12345 123456 1234567