안녕, 세상!

2. 연산자와 제어 구조 본문

It공부/JavaScript

2. 연산자와 제어 구조

dev_Lumin 2020. 7. 24. 15:32

(1) 연산자의 종류

연산자 기능별 분류 부호
부호 연산자 +     -
증감 연산자  ++      --
산술 연산자 +    -    *     /    %
논리 연산자 &&    ||
관계 연산자 !    <    <=     >    >=    !=
대입 연산자 =    +=    -=    *=    /=    %=
조건 연산자 ?  :
배열 연산자 [ ]
메소드 연산자 ( )
비트 연산자 &    |    ^    ~
캐스트 연산자 (데이터 형)

 

(2) 연산자의 우선순위

 

 

(3) 제어문

① 조건문

(1) if

if, else if, else 문을 이용해서 조건문을 만들 수 있습니다.

형식은 다음과 같습니다.

 

 

if(조건문1) {

    조건문1 성립 시 실행문;

    ....

}

else if(조건문 2) {

    조건문2 성립 시 실행문;

    ....

}

else {

    ....

}

 

 

다음은 if, else if, else 문을 사용한 예시입니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<HTML>
<HEAD><title>변수 사용</title></HEAD>
<BODY>
  <SCRIPT language="javascript">
      var grade=eval(prompt("성적을 입력하세요!")); //prompt는 입력창이 나오게 하는 메소드
      document.write("점수: "+grade+"<br>");
      if(grade>=95&&grade<=100){ document.write("성적은 A+ 입니다.");}
      else if(grade>=90&&grade<95){document.write("성적은 A 입니다.");}
      else if(grade>=85&&grade<90) document.write("성적은 B+ 입니다.");
      else if(grade>=80&&grade<85) document.write("성적은 B 입니다.");
      else if(grade>0&&grade<80) document.write("재수강 하시는 것을 권합니다.");
      else document.write("올바른 점수가 아닙니다.");
  </SCRIPT>
</BODY>
</HTML>
cs

prompt 창에 입력

prompt 메소드로 입력창을 출력하게 만들고 입력한 값을 grade 변수에 저장해서 조건문에 맞게 실행되는 코드입니다.

 

 

 

 

(2) Switch

형식은 다음과 같습니다.

 

 

switch (변수) {

    case 상수1 : { 실행문1;  break;} 

    case 상수2 : { 실행문2;  break;}

    case 상수3 : { 실행문3;  break;}

    ....

    default : { 실행문n; }

}

 

 

다음은 switch 문 예시입니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<HTML>
<HEAD><title>변수 사용</title></HEAD>
<BODY>
  <SCRIPT language="javascript">
      var mon=eval(prompt("좋아하는 월의 숫자를 입력하시오.",)); //prompt는 입력창이 나오게 하는 메소드
      document.write(mon+"월은 ");
      switch (mon) {
        case 3:
        case 4:
        case 5: document.write("봄 입니다.<br>"); break;
        case 6:
        case 7:
        case 8: document.write("여름 입니다.<br>"); break;
        case 9:
        case 10:
        case 11: document.write("가을 입니다.<br>"); break;
        case 12:
        case 1:
        case 2: document.write("겨울 입니다.<br>"); break;
        default : document.write("잘못 입력하였습니다.<BR>");
      }
  </SCRIPT>
</BODY>
</HTML>
 
cs

 

 

② 반복문

(1) for

형식은 다음과 같습니다.

 

 

for ( 초기값; 조건식; 증가식) {

    실행문1;

    실행문2;

     ....

}

 

 

var sum = 0;

for (i=1; i<=10; i++)

    sum = sum+n;

 

 

 

(2) while

형식은 다음과 같습니다.

 

 

while (조건식) {

    실행문1;

    ....

    실행문n;

}

 

 

 

(3) do-while

형식은 다음과 같습니다.

 

 

do {

    실행문1;

    ....

    실행문n;

} while (조건식)

 

 

 

(4) break와 continue 문

break문은 일반적으로 반복문의 문장 내부에서 명시적 탈출을 표시할 때  사용합니다.

continue문은 반복문에서 현 단계의 반복을 중단시키고 다음의 새로운 반복 단계를 위한 조건의 검색 부분으로 되돌아갑니다.

 

 

 

제어문과 반복문의 기본적인 문법 개념은 C언어 문법과 크게 다르지 않아서 설명은 간략히 하겠습니다.

 

'It공부 > JavaScript' 카테고리의 다른 글

6. 웹브라우저 내장객체  (0) 2020.07.28
5. 이벤트와 이벤트 핸들러  (0) 2020.07.27
4. 객체  (0) 2020.07.26
3. 함수  (0) 2020.07.24
1. 자바스크립트 개요  (0) 2020.07.23
Comments