자바스크립트 3

hee_hee_·2022년 12월 8일
0

딩..딩..

목록 보기
8/15
post-thumbnail

자바스크립트 기초

자바스크립트 기초 문법 및 활용


1) 조건문

주어진 조건에 따라 결과를 출력하는 구문. 순서도라고 한다.

예시) 내일 비가 온다면
참일 경우 : 야구 경기 취소
거짓일 경우 : 야구 경기 진행

조건으로는 비교 연산자 또는 논리 연산자가 사용이 된다.

  • 조건문의 형태

    if (조건) {수행할 명령}

    var a = 20;
    var b = 40;
    
    if (a < b) {
    	console.log("a는 b보다 작다.")
    }
    여기서 조건은 'a가 b보다 작다' 이다.
    현재 a=20, b=40 으로 이 되고 중괄호 안의 명령이 실행되어
    a는 b 보닥 작다. 가 출력되게 된다.

  • if~else 문

    형태 )

    if (조건) {수행할 명령} else {수행할 명령}

    조건이 true 이면 if문 명령을 실행하고 false이면 else문 명령을 실행한다.

    var a = 20;
    var b = 40;
    
    if (a > b) {
    	console.log("a는 b보다 크다.")
    } else {
    	console.log("a는 b보다 작거나 같다.")
    }

    if 문은 false인 경우는 실행 하지 않았는데
    if else는 거짓일 경우 실행할 명령도 지정하는 것.

    위의 경우 a가 b보다 클 경우 if문의 명령이 실행되는데 a=20 은 b=40 보다 작으므로 else문으로 넘어가 "a는 b보다 작거나 같다" 가 출력된다.


  • else if 문

    형태 )

    if (조건) {수행할 명령} else if (조건) {수행할 명령} else{수행할 명령}

    var a = 20;
    var b = 40;
    var c = 60;
    
    if (a > b) { console.log("a는 b보다 크다.")
    } else if (b > c) { console.log("b는 c보다 크다.")
    } else if (a < c) { console.log("a는 c보다 작다.")
    } else if (b < c) { console.log("b는 c보다 작다.")
    } else {console.log("모든 조건을 만족하지 않는다.")
    }

    여러개의 조건문을 생성할 때 사용.
    가장 처음 true 값이 나오는 조건의 명령을 실행한다.

    위의 조건으로 보았을 때 a=20은 b=40보다 작으므로 첫번째 if 문은 지나감
    두번째 else if b=40이 c=60보다 작으므로 지나감
    세번째 a=20은 c=60보다 작다.
    따라서 세번째 else if 문의 명령이 실행되어 "a는 c보다 작다" 가 출력됨.


  • 중첩 if 문

    if 문 안에 또 다른 if 문을 삽입할 때 사용한다.

    형태 )

    if (조건) { if (조건) {수행할 명령} else{수행할 명령} } else {수행할 명령}

    var a = 20;
    var b = 40;
    
    if (a !== b) {
    	if ( a > b ) {console.log("a는 b보다 크다.")}
       else {console.log("a는 b보다 작다.")}
    } else {console.log("a와 b는 같다.")}

    if 문 안의 if 문은 바깥 if가 참일 경우에 실행이 되는 것.

    위의 경우 a와 b는 데이터 타입은 같지만 값은 다르므로 첫번째 if가 참이어서 수행할 명령으로 안쪽의 if문이 실행된다.
    a=20은 b=40보다 작으므로 안쪽 if 문을 지나쳐 else문의 명령이 실행되고 "a는 b보다 작다" 가 출력된다.





2) 반복문

  • 반복문이 필요한 경우?

    예시) 구구단

    console.log( 2 * 1 );
    console.log( 2 * 2 );
    console.log( 2 * 3 );
    .
    .
    console.log( 2 * 9 );

    이걸 9번이나 반복해야하는데 다 적는 것은 효율적이지 못해
    이러한 작업을 코드로 대신 수행하게 하는 것


  • For 문

    형태)

    for (초기화한 변수값; 조건; 증감 표시;){ 수행할 명령 }

    for (var i = 0; i < 10; i++) {
    	console.log(i);
    }

    위의 경우 변수 i 에 0을 선언해 초기화 해준다.
    조건은 i 가 10보다 작은 조건에 참, 큰 조건에 거짓.
    이후 i 를 증가 시켜라.

    실행 순서
    변수 초기화 -> 조건을 비교 후 i가 10보다 작을 경우 안쪽의 코드를 실행
    -> 증감 표시 부분을 실행하는 것.

    i 는 0 이므로 10보다 작아 console.log(i); 를 실행. 0출력 후 1을 증가시킨다.
    이후 i는 1이 되고 이 역시 10보다 작아 cosole.log(i); 실행. 1출력 후 1 증가
    이후 i는 2가 되고 이 역시 10보다 작아 cosole.log(i); 실행. 2출력 후 1 증가
    이런 식으로 조건에서 거짓이 되기 전까지 반복.
    i 가 10이 되면 멈춤.

    출력은 0~9 까지 출력됨


  • while 문

    형태 )

    while( 조건 ){ 수행할 명령 }

    var num = 0;
    
    while (num < 10) {
    	console.log(num);
       num++;
    }

    변수를 초기화하는 부분과 증감 부분이 빠졌는데
    변수 초기화외부로 빠지고
    증감 부분안쪽으로 넣은 것.
    num이 10보다 작을 동안.
    num<10 의 조건이 일 동안 중괄호 안의 코드를 실행한다.


  • do ~ while문

    형태 )

    do {수행할 명령} while (조건);

    val i = 12;
    
    do {
    	console.log(i);
       i++;
    } while ( i < 10 )
    

    while문과 유사.
    차이점은 while 조건과 상관없이 do 명령을 무조건 실행부터 한다.

    do 안의 코드를 조건의 성립과 상관없이 무조건 한번 실행하고
    반복하는 두번째부터 조건 검사하게 됨.
    유용하게 사용되는 경우는 코드 실행시키고 실패한 경우 새로 반복해야하는 경우. 재시도해야하는 경우에 do 로 묶고 조건을 실행하게 되는 경우가 있음.

profile
딩코딩코딩

0개의 댓글