JavaScript 연산자와 조건문

산술연산자

==, +, -, *, /, %

사용예) 산술연산자와 문자열과 숫자열 표현

    <script language="javascript">
    <!--
         x=75
         y=87
         add=x+y
    
         document.write("국어 점수 :"+x+"<br>")
         document.write("수학 점수 :"+y+"<br>")
         document.write("합계 :"+add+"<br>")
         document.write("평균은 :")
         document.write(add/2)
    //-->
    </script>

 

대입연산자

A+ = B (A와 B를 더한 값을 A에 할당)
A- = B (A와 B를 뺀 값을 A에 할당)
A* = B (A와 B를 곱한 값을 A에 할당)
A/ = B (A와 B를 나눈 값을 A에 할당)
A% = B (A와 B를 나눈뒤 나머지 값을 A에 할당)

사용예)

    <script language="javascript">
    <!--
         x=75
         y=87
    
         document.write("영어 점수 :"+x+"<br>")
         document.write("수학 점수 :"+y+"<br>")
     x+=y //x+y=x
     document.write("합계 :"+x+"<br>")      document.write("평균은 :")      document.write(x/2) //--> </script>

문자 결합 연산자
문자형 데이터+문자형 데이터=하나의 문자형 데이터
문자형 데이터+숫자형 데이터=하나의 문자형 데이터

 

증감연산자

Y=++Y
Y=--Y
Y=Y++
Y=Y--

사용예)

    <script language="javascript">
    <!--
         x=1
    
         document.write(x++)
         document.write(x++)
         document.write(x++)
         document.write(x++)
         document.write("<br>")
    
         x=1
    
         document.write(++x)
         document.write(++x)
         document.write(++x)
         document.write(++x)
    //-->
    </script>

 

관계연산자

A==B (A와 B가 같다)
A!=B (A와 B가 같지 않다)
A<B (A와 B보다 작다)
A<=B (A와 B보다 작거나 같다)
A>B (A와 B가 크다)
A>=B (A와 B보다 크거나 같다)

사용예)

    <script language="javascript">
    <!--
         x=10
         y=20
    
         document.write(x+">="+y+": ")
         document.write(x>=y)
         document.write("<br>")
    
         document.write(x+"<="+y+": ")
         document.write(x<=y)
         document.write("<br>")

         document.write(x+"!="+y+": ")
         document.write(x!=y)
         document.write("<br>")
    
         document.write(x+"=="+y+": ")
         document.write(x==y)
         document.write("<br>")
    //-->
    </script>

 

논리연산자

A&&B (A와 B가 모두 True일 경우에만 True)
A||B (A또는 B가 True일 경우 True)
!A (A가 True이면 False, False이면 True)
A^B (A와 B가 모두 True거나 False이면 True)

사용예) 4번째는 실행 결과값이 1이 출력 (1은 False)

    <script language="javascript">
    <!--
         x=(7>6)&&(1>8)
         y=(7>6)||(1>8)
         z=!(7>6)
         t=(7>6)^(1>8)
    
         document.write("7이 6보다 크고 1이 8보다 크면 논리값은?")
         document.write(x + "<br>")
         document.write("7이 6보다 크거나 1이 8보다 크면 논리값은?")
         document.write(y + "<br>")
         document.write("7이 6보다 크지 않으면 논리값은?")
         document.write(z + "<br>")
         document.write(t + "<br>")
    //-->
    </script>

 

조건연산자

(조건) ? A : B

사용예)

    <script language="javascript">
    <!--
         //your="easy"
         your="hard"
     study=(your=="hard") ? " you are very fool." : " you are very smart."      document.write("If you feel like " + your + "<br>")      document.write(study) //--> </script>

mission01

지현샘의 지출 내역은 교통비 3,000원 식비 7,000원, 음료비 2,000원 입니다. 삼항 조건 연산자를 사용하여 하루 적정 지출 비용인 1만원을 초과했을 경우 "000원 초과"라고 출력되거, 아니면 "돈 관리 참 잘했어요!"라고 출력되도록 해보세요

연산자 우선순위

사용예)

    <script language="javascript">
    <!--
         x=10
         y=20
     document.write( x + y / 2 )      document.write("<br>")      document.write( ( x + y ) / 2 ) //--> </script>

 

연산자 우선순위

사용예)

    <script language="javascript">
    <!--
         x=10
         y=20
     document.write( x + y / 2 )      document.write("<br>")      document.write( ( x + y ) / 2 ) //--> </script>

1.()
2.단항 연산자(--,++,!)
3.산술 연산자(*,/,%,+,-)
4.비교 연산자(>,>=,<,<=,==,===,!==)
5.논리 연산자(&&,||)
6.대입(복합 대입)연산자(=,+=,-+,*=,/=,%=)

 

조건문

사용예)

    <script language="javascript">
    <!--
         your_sex="남자"
    
         document.write("당신은" + your_sex + "이므로")
    
         if (your_sex=="남자") document.write("바지를 입으세요.")
         if (your_sex=="여자") document.write("치마를 입으세요.")
    //-->
    </script>

 

사용예)

    <script language="javascript">
    <!--
         weight=70
         height=170
         test=(height-100) * 0.9 
    
         if(weight>test)document.write("당신은 비만이예요")
         else document.write("당신은 정상이네요")
    //-->
    </script>

 

mission02

방문자에게 질이응답 창(prompt)을 이용하여 신장과 몸무게를 입력받아 옵니다. 방문자의 몸무게가 적정 몸무게보다 이상일 경우"적정 몸무게 이상", 미만일 경우에는 "적정 몸무게 미달"로 출력되도록 하세요. 적정 몸무게 공식은 '적정 몸무게=(신장-100)*0.9'

 

사용예)

    <script language="javascript">
    <!--
         score=74
         document.write("당신이 취득한 점수는"+score+"점이므로")
    
         if(score>=90)document.write("A 학점입니다.")
              else if(score>=80)document.write("B 학점입니다.")
              else if(score>=70)document.write("C 학점입니다.")
              else if(score>=60)document.write("D 학점입니다.")
         else document.write("F 학점입니다. ")
    //-->
    </script>

 

사용예)

    <script language="javascript">
    <!--
         day="월"
         document.write(day + "요일에는")
    
         switch(day)
         {
              case "월"  : document.write("오전 10시에 수업 시작")
              break
          case "화" : document.write("오후 2시에 수업 시작")           break           case "수" : document.write("오전 10시에 수업 시작")           break           case "목" : document.write("오후 2시에 수업 시작")           break           case "금" : document.write("오전 11시에 수업 시작")           break           default: document.write("월요일에서 금요일까지만 입력하세요")      } //--> </script>

 

사용예)

    <script language="javascript">
    <!--
         day="월"
         document.write(day + "요일에는")
    
         switch(day)
         {
              case "월" : 
              case "수" : document.write("오전 10시에 수업 시작")
              break
    
              case "화" : 
              case "목" : document.write("오후 2시에 수업 시작")
              break
    
              case "금" : document.write("오전 11시에 수업 시작")
              break
    
              default: document.write("월요일에서 금요일까지만 입력하세요")
         }
    //-->
    </script>

 

사용예)

    <script language="JavaScript">
    <!--
         var current= new Date()
         var day_time=current.getHours()
     if (day_time <18) document.write("<img src='day.gif' style='display: block; margin: 0 auto;'>")      else document.write("<img src='night.gif' style='display: block; margin: 0 auto;'>") //--> </script>

 

과제) 위 예제를 이용하여 자신의 하루 일과를 if문으로 나타내 보세요.