본문 바로가기
javascript

자바스크립트에서 연산자 부호 정리(=, ==, === 차이)

by 지구별에 2014. 1. 22.
반응형

 

 

자바스크립트에서 연산자 부호 정리(=, ==, === 차이)

 

 

자바스크립트 언어에서 연산자 부호에 대해 공부를 하는 중인데,

나중에 필요할 것 같아 정리해 봤습니다.

 

 

 

 a=10, b=5, c=결과라고 가정했을 때

 

 연산자

뜻 

예시 

결과 

 +

더하기 

c=a+b 

 15

 -

빼기 

c=a-b 

 *

곱하기 

c=a*b 

50 

 /

나누기 

c=a/b 

 %

나누고 남은수 

c=a/b 

 0

++ 

값+1 

c=++a 

11 

-- 

값-1 

c=--a 

 

 

 

d=10 이라고 가정했을 때

 

 연산자

뜻 

예시 

결과 

 !=

같지 않음 

d != 2 

true 

보다 큼 

d > 2 

true 

보다 작음 

d < 2 

false

>=

크거나 같음 

d >= 20

false

<=

작거나 같음 

d <= 20

true

 

 

 

a=10, b=5  라고 가정했을 때

 

 연산자

뜻 

예시 

결과 

 &&

그리고 

a < 20 && b > 1

true

 ||

또는

a == 5 || b ==5

(최소 하나의 조건을 만족시켜야 함)

 true

 !

아닌 

!(a == b)

true

 

 

 

d=5 라고 가정했을 때

 

 연산자

뜻 

예시 

결과 

 =

값을 지정 

var number=d; 

 

 ==

값을 비교 

 d == 5 

  true

 ===

value와 data type 비교 

 d === 5

 d === '5'

 true

 false

 

 

 

= ,==, === 차이는 ?

 

 

= (value값)

예: number=2

 

== (value와 value를 비교)

예: a=10, b=5라고 할 때, a==b는 true

 

===(value와 data type을 비교)

예 : a=10이라고 할 때, a === 10 은 true, a === "10"은 false

 

 

value와 type 이란?

 

value는 (구체적인 값)을 지정할 수 있음.

예)  var number = 2;(value)

 

 

type(data type)은,  자바스크립트가 data를 범주화 하는 방식

1. 숫자

2. 문자열(text)

3. Boolean (true , false 진술)

 

 

 

 

 

[복습 예문]

 

var fnumber = 2;
var snumber = 2;

fnumber == snumber;
(true)
var stringNum = '2' ;

fnumber === stringNum;
(false) 

 

 

 

 

[HTML 언어에 자바스크립트 넣은 예시]

 

메모장 하나 열어  이래 내용을 넣고,  저장할 때 저장명 확장자를 .htm 으로 저장해서 열어보세요^^

 

 

 

<!DOCTYPE html>


   <html>
   <head>
   <title>자바스크립트에서 연산자 부호</title>
   </head>


   <body>
   <h1>자바스크립트에서 연산자 부호</h1>
   
   <script type="text/javascript">
  
   var result = 0;
  
   var fNum = 10;
  
   var sNum = 5;


   result = fNum + sNum;
 

   document.write(result);

 

    </script>  


   </body>

   </html>

 

 

 

 

그럼 아래와 같은 이미지가 나옵니다^^

 

 

 

 

 

반응형

댓글4

  • 박성준 2015.03.23 09:06 신고

    현직 퍼블리셔 3년차입니다.
    스크립트 공부중인데 제 기준에서는 힘들어서 찾아보다..

    우연히 검색 되어 이 글을 저만 볼수 있게 제 블로그에 옮겨두고 갑니다.

    양해부탁드립니다(만일 삭제 요청하시면 삭제할게요)

    수고하세요~
    답글

    • 지구별에 2015.03.23 11:24 신고

      비공개로 블로그에 올리신다면 괜찮습니다..^^
      아주 오래 전 쓴 글이라 다시 살펴 보니 증감 연산자 ++와 -- 가 예시가 잘못되어 있어 고쳤습니다.^^

  • 장기가 좋아 2020.10.26 09:26

    감사합니다
    답글

  • 장기가 좋아 2020.10.26 09:27

    유용하네요(사실 저는 텍스트코딩 안 합니다만...)
    답글