📔
web_study
  • JavaScript
  • 엘리_자바스크립트
    • 자바스크립트 기본
      • 클래스 예제와 콜백함수
      • 연산자 boolean
      • 함수 정의, 호출 그리고 콜백
      • 변수타입과 object 차이점
    • JavaScript async 와 await
    • JavaScript Promise
    • 자바스크립트 callback
    • 자바스크립트 json
    • 유용한 10가지 배열 함수들
    • 자바스크립트 배열(array)
    • 자바스크립트 object
    • 자바스크립트 (class vs object) 객체지향 언어
    • 자바스크립트 함수
    • 자바스크립트 연산.반복문
    • 데이터타입, data types, let vs var, hoisting
    • script async 와 defer의 차이점 콘솔 출력
    • 자바스크립트역사
  • 생활코딩
    • 재귀함수
    • 정규 표현식
    • 객체지향
      • 객체지향 프로그래밍
      • 생성자와 new
      • 전역객체
      • this
      • 상속
      • prototype
      • 표준 내장 객체의 확장
      • object
      • 데이터 타입
      • 참조
    • 함수지향
      • 유효범위
      • 값으로서의 함수와 콜백
      • 클로저
      • arguments
      • 함수의 호출
    • UI API, 문서
    • 모듈
    • 객체
    • 배열
    • 함수
    • 반복문
    • 조건문
    • 숫자와문자
    • 변수
    • 비교
  • 노마드 코더
    • Getting the Weather part One Geolocation
    • Image Background
    • TO DO List
    • Saving the User Name
    • Clock part One
    • 조건문 ( if , else, and, or)
    • evnet handlers
    • Function
    • Objects
    • Arrays
    • Variable(변수!)
    • Javascript
  • javascript30
    • Dram Kit
    • clock
    • Css Javascript
    • Array Cardio
    • flex panels
    • type ahead
    • Canvas Draw
    • Speech Synthesis
    • Whack A Mole
  • web standard
    • script 부분
    • form부분
    • 웹접근성
    • <meta>
  • 자바스크립트_이론
    • 기본지식(JAVASCRIPT)
    • 기본지식(CSS)
    • 기본지식(HTML)
    • 기본지식(HTTP)
    • Dom
    • 라이브러리, 프레임워크, 플로그인
Powered by GitBook
On this page
  • 반복문
  • while
  • for
  • 반복문의 제어
  • break
  • coutinue
  • 반복문의 중첩
  • forEach 문
  • for In문
  • for of 문
  • 디버그 , 디버거

Was this helpful?

  1. 생활코딩

반복문

반복문

while

while(조건){
 반복해서 실행할 코드
}
// 조건(boolean) true -> flase가 될때까지 실행하게됨 
  • while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행한다. 조건이 false면 반복문이 실행되지 않는다.

  • 반복문에서 종료 조건을 잘못지정 하면 무한반복 되기때문에 주의 해야한다.

var i = 0;
// 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다.
while(i < 10){
    // 반복이 실행될 때마다 coding everybody <br />이 출력된다. 
    document.write('coding everybody <br />');
    // i의 값이 1씩 증가한다.
    i++
}

codding everybody 가 9번 출력 (10은 조건에 충족되지 않으므로 9까지 출력된다. )

for

for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){
    반복해서 실행될 코드
}
  • for문은 제일 먼저 '초기화'를 한다.

  • for문은 가독성이 좋다.

  • for (초기화; 반복조건; 반복이 될 때마다 실행되는코드){} -> 반드시 지켜야함

for(var i = 0; i < 10; i++){
    document.write('coding everybody'+i+'<br />');
}
  • codding everybody 가 9번 출력 (10은 조건에 충족되지 않으므로 9까지 출력된다. )

  • i++는 현재 i의 값에 1을 더하라는 의미다.

반복문의 제어

break

for(var i = 0; i < 10; i++){
    if(i === 5) {
        break;
    }
    document.write('coding everybody'+i+'<br />');
    // 4까지 출력
}

coutinue

for(var i = 0; i < 10; i++){
    if(i === 5) {
        continue;
    }
    document.write('coding everybody'+i+'<br />');
    // 숫자 5를 제외한 부분 출
}

반복문의 중첩

// 0부터 9까지 변수 i에 순차적으로 값을 할당        
for(var i = 0; i < 10; i++){
    // 0부터 9까지의 변수를 j의 값에 순차적으로 할당
    for(var j = 0; j < 10; j++){    
        // i와 j의 값을 더한 후에 출력
        // String은 숫자인 i와 j의 데이터 타입을 문자로 형태를 변환하는 명령이다. 
        document.write(String(i)+String(j)+'<br />');
        // 00 ... 99까지 출력이됨. 
    }
}

안의 for문 j가 10번 반복한 후에 i가 실행이된다.

forEach 문

   {
            const arr8 = [100, 200, 300, 400, 500];

            arr8.forEach(function(element){
                document.write(element, "<br>");
            });
            document.write("<br>");

            arr8.forEach(function(element, index, array){
                document.write(element, "<br>"); //element : 배열 각각의 요소
                document.write(index, "<br>"); // index : 배열 인덱스
                document.write(array, "<br>"); //  array: 배열 자체                
            });
            document.write("<br>");
    }

for In문

      {
            const arr10 = [100, 200, 300, 400, 500];

            for (let i in arr10 ){
                document.write( arr10[i], "<br>" );// 배열 각각의 요소 출력
            }
            document.write("<br>");
        }

for of 문

        {
            const arr11 = [100, 200, 300, 400, 500];

            for (let i of arr11 ){
                document.write( i, "<br>" ); // 배열 각각의 요소 출력
            }
            document.write("<br>");
        }

디버그 , 디버거

  • 디버그 : 오류를 제거하는것 / 디버거: 오류를 제거하는것을 도와주는것

Previous함수Next조건문

Last updated 3 years ago

Was this helpful?

반복작업을 중간에 중단시킬때 사용 반복문을 종료

i의 값이 5가 되었을때 실행 중단시켜 구문이 실행되지 않지만, 반복문은 중단되지 않았기 때문에 나머지 결과는 출력된다. 그순간에만 중단 시키고 반복문은 계속 작동한다.

👉
👉