본문 바로가기
Web/JavaScript

04. 연산자, 제어문, 반복문

by 사라리24 2024. 4. 16.
SMALL

1. 연산자 (Operator)

 

 

 

산술 연산자
  • +, -, *, /, %, **
비교 연산자
  • >, <, >=, <=, ==, !=, ===, !==
  • === : 두식의 값이 같고, 타입까지 같아야 함
  • !== : 두식의 값이 다르고, 타입까지 달라야 함
 
대입 연산자
  • =, +, -=, *=, /=, %=, **=
증감 연산자
  • ++변수, --변수, 변수++, 변수--





1. num 나중에 대입
2. num  먼저 대입
논리 연산자
  • and, or, not
  • &&,  || ,  !
비트 연산자
  • &, |, !, ^, <<, >>
    and, or, not, xor, left shift, right shift
    (파이썬과 동일)
삼항 연산자



 

 

 

2. 제어문

 

 

1. 조건문

 

  • if문
        
     

           
 

 

 

  • if문 사용하기


     
        <body>

                 <h2>if문</h2>

                  <script>   


                          const age = Number(prompt('나이를 입력하세요'))
        
                          if(age > 19 ) {
                              console.log('성인입니다')
                          }else if(age > 14 ) {
                              console.log('청소년입니다')
                          }else if(age > 6 ) {
                              console.log('어린이입니다')
                          }else {
                              consol.log('유아입니다')
                          }
       
 
                  </script>     

        </body>



15 입력

 

 

 

  • switch문
    • switch문도 if문과 함게 조건문에 속하는 구문입니다.
      하지만 if문에 들어가는 조건식처럼 모든 형태의 조건식이 들어갈 수 있는 것은 아닙니다.
    • switch문에 조건으로 사용될 수 있는 연산자는 '==', 즉 두개의 피연산자의 값이 같을 때만 조건으로 활용할 수 있습니다. 따라서 하나의 변수 안에 저장되어 있는 값을 다수의 값과 비교해야 할 때 주로 사용합니다.


     
      
 

 

 

  • switch문 사용하기(1)

     
        <body>

                 <h2> switch문 1 </h2>

                  <script>   

                     num = 10
          
                     switch(num){
                         case 5:
                             console.log('num은 5입니다')
                             break;
                         case 10:
                             console.log('num은 10입니다')
                             break;
                         default:
                             console.log('원하는 값이 없습니다')
                     }
 
                      </script>     

        </body>

 

 

  • switch문 사용하기(2)

     
        <body>

                 <h2>   switch문 2   </h2>

                <script>   

                            let input = prompt('아동, 청소년, 성인 중 하나를 고르세요');

                            switch(input){
                                case '아동':
                                    input += ': 입장료 무료'; //아동: 입장료 무료
                                    break;
                                case '청소년':
                                    input += ': 입장료 5,000원'; //청소년: 입장료 5,000
                                    break;
                                case '성인':
                                    input += ': 입장료 10,000원'; //성인: 입장료 10,000
                                    break;
                                default:
                                    alert('입력값을 확인하세요!')
                                    input='입력값 확인';
                            }
                            console.log(input);


                  </script>     

        </body>




아동 입력



청소년 입력




성인 입력


잘못 입력

 

 

 

 

 

 

3. 반복문

 

 

 

  • while문

                    

 
 

 

 


     
        <body>

                 <h2> While문 </h2>

                  <script>   

                        while(true){
                            let num=Number(prompt('숫자를 입력하세요'));
                            if(num%2==0){
                               console.log('짝수입니다. 프로그램을 종료합니다.')
                               break;
                           };
                           console.log('홀수입니다. 프로그램을 종료합니다.')
                        }
 
                  </script>     

        </body>



15 , 20 입력

 

 

 

  • for문

     
                

             



              
-----------------------------------------------------------------------------------------------------------------------------------------------------

                [  for 문과 while문 비교  ]

             



                     * for 문이 가독성이 더 좋음! (더 많이 사용)
 

 


     
        <body>

                 <h2>  for문  </h2>

                  <script>   

                             for(let i=1 ; i<=100 ; i++) {
                                 if(i%3==0) {
                                     console.log('💝') continue;
                                  }
                                     console.log(i)
                              }


                    </script>     

        </body>

 

 

  • break 문
    • switch문 또는 반복중인 루트 내에서 사용하여 해당 분장을 완전히 종료시키고 다음에 위치한 실행문으로 이동

               
             
 

 

 

 

 

  • continue 문
    • 반복중인 루프 내에서 사용하여 해당 루프의 나머지 부분을 건너 뛰고 다음 반복문의 판단으로 넘어감

 


          

             
 

 

 

 

 

  • 문제
    : 원하는 숫자를 입력받아 해닥 숫자의 구구단을 출력하는 문서를 만들어보자!

     
        <body>

                <h2>  구구단  </h2>
 
               <script>   

                    const num=Number(prompt('원하는 단을 입력하세요'))
                 //while문

                     let i=1;
                     while (i<=9){
                             console.log(`${num}*${i}=${num*i}`);
                             i++;
                     }

                 //for문

                    for (let i=1;i<=9;i++){
                          console.log(`${num}*${i}=${num*i}`);
                     }
 
                  </script>     

        </body>




5 입력

 

'Web > JavaScript' 카테고리의 다른 글

06. 함수(Function)  (0) 2024.04.16
05. 배열(Array)  (0) 2024.04.16
03. 데이터타입, 대화상자  (0) 2024.04.16
02. 변수(let), 상수(const)  (0) 2024.04.16
01. 자바스크립트(JavaScript)  (0) 2024.04.12

관련글

티스토리툴바