생각기록

조건문, 반복문 본문

SeSAC 풀스택/JavaScript

조건문, 반복문

끼록관 2022. 11. 1. 19:12

특정 조건 만족 시 

 

if

만약 ~~라면

if (조건1) { // 조건이 참이라면 실행 }

if (5 > 3) {  } = (참이라면) { 실행시켜라}

 

중첩이 가능하다.

 

else if 

위에 if가 없으면 실행되지 않는다.

첫번째 if의 조건이 아닐 경우, 조건을 계속 걸 수 있다.

 

else

위에 if가 없으면 실행되지 않는다.

조건이 없어서 () 사용 x

위의 것들이 모두 거짓일 때 실행 된다. (한번만 사용 가능)

 

순서대로 처리하기 때문에

순서를 if / else if / else 순이다. 

 

prompt: 숫자를 입력할 수 있는 창

 


switch (변수) {

           케이스1 

스위치는 어떤 케이스(값일때)일때

정확하게 

case 8;  변수가 8일때 어떻게 처리하겠다.

 


반복문

for, while 

같은 코드를 반복하지 않기 위해 씀

 

for ( 초기문; 조건문; 증감문 ) { 

      //조건문의 결과가 참인 경우 반복적으로 실행 (즉 거짓이 될때까지 실행)

     //명령문     

}

 

세미콜론으로 초기값; 조건문; 증감식 =  for문 기본형태

중첩이 가능함

 

i ++ = ( i+1 = i , i값에 1을 더해서 i에 넣겠다.)

 

 

 

while (조건문) {

           //조건문이 참인 경우 반복적으로 실행하는 명령문

}

조건식이 없어서, 직접 수동으로 값을 정해주지 않는한 무한반복을 하게 된다.

그래서 for문을 더 많이 쓸 것이다.

중첩이 가능하다.

 

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

          var j = 0;
          while ( j < 10 ) {
                console.log( " j : " + j );
                j = j+1;
          }

코드를 동일하게 for을, while로 변경 해보고 구조를 이해하자.

 

 

 


실습 구구단 만들기

for문을 이용하여, 2단부터 4단까지 만들어보자

+ console.log (띄울내용);

 띄울 내용에 변수와 글자는 ( a + " " ); 처리 해줄 것

for문은 중첩이 가능하다고 했다.

2 * 1 = 2 형태를 만드려면,

 

  • 2에대한 조건을 먼저 만들어보자

for ( var a=2; a <= 9; a ++ ) {                            변수 a는 2,   9보다 같거나 작아야한다,  a +1씩 증가한다.

 

  • 중첩으로 1~9에 대한 조건 반복도 만들어보자

for ( var b=1; b <= 9; b ++ ) {

console.log ( " a * b " + "=" + a * b ); }   틀렸다..

console.log ( a + "*" + b + "=" + a*b); }  문자와 변수 구분 잘해야 한다.

          for ( var a = 2; a < 5; a ++ ){
                for ( var b = 1; b <= 9; b++ ) {
                  console.log( a + "*"+ b + "="+ a*b);              
                }
          }

 

실습2  합계 구하기

정수 n이 있을때 0부터 n까지의 수 중

2또는 3의 배수의 총합을 구하시오

(단, n은 0 < n < 100 )

예) n이 10이라면 2+3+4+6+8+9+10

        <script>

          var sum = 0;
          for( var a=1; a < 100; a++) {
              if( a % 3 == 0 || a % 2 == 0) {       // a가 3으로 나누면 0이면 true
                sum = sum + a ;
              }
            
          }
         
          console.log(sum);

        </script>
if( a % 3 == 0 || a % 2 == 0
 
a가 3, 2로 나누면 0 일 떄 

'SeSAC 풀스택 > JavaScript' 카테고리의 다른 글

JQuery 사용  (0) 2022.11.05
2022-11-05 수업 Bootstrap  (0) 2022.11.05
JavaScript DOM 문서 객체 모델  (0) 2022.11.04
JavaScript 객체 자료형  (0) 2022.11.03
JavaScript 기초  (0) 2022.11.01