HTML 반복문

반복문

continue와 break

 

for(초기값;조건식;증감식)

<script>
    for(var i;i<10;i++){
        alert(i);
    }
</script>

>> for문의 조건식은 필수

아래와 같이 사용하면 while문과 비슷!

<script>
    var i=1;
    for(;i<10;){
        alert(i++);
    }
</script>

1) break

특정 조건에서 반복문을 빠져나가게 하기 위함

<script>
    var i=1;
    for(;"이렇게하면 무한루핑";){
        if(i==5) break;
        alert(i++);
    }
</script>

문자열을 true로 인식

 

2) 증감식

>> a=i++;

    a=i;
    i=i+1;

>> a=++i;

    i=i+1;
    a=i;

 

3) Continue

>> 홀수만 출력

<script>
    for(var i=1;i<=10;i++){
        if(i%2==0){
            continue;
        }
        alert(i);
    }
</script>

0이면 false이므로 이를 반전

<script>
    for(var i=1;i<=10;i++){
        if(!(i%2)){
            continue;
        }
        alert(i);
    }
</script>

 

ex> 배열의 요소 중 최소값을 찾아 출력

<meta charset="UTF-8">
<script>
    var v_arr = [3, 8, 1, 6, 9, 2, 3, 2];
    var min = v_arr[0];
    for (var i = 0; i < v_arr.length; i++) {
        if (min > v_arr[i]) {
            min=v_arr[i];
        }
    }
    alert(min);
</script>

>> 콘솔로그

<meta charset="UTF-8">
<script>
    var v_arr = [3, 8, 1, 6, 9, 2, 3, 2];
    // 위의 배열 요소 중 최소값을 찾아 출력
    var min = v_arr[0];
    for (var i = 0; i < v_arr.length; i++) {
        console.log("i=",i,"v_arr[i]=",v_arr[i])
        if (min > v_arr[i]) {
            console.log("현재 min=",min," v_arr[i]=",v_arr[i]);
            min=v_arr[i];
        }
    }
    alert(min);
</script>