-
[javascript] 24. 비교(Comparisons) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:16JavaScript Comparison and Logical Operators
1. Comparison Operators
비교 연산자는 동일성을 결정짓는 논리 식에 쓰이거나 변수나 값 사이에서 다름을 측정하는데 사용합니다.x = 5 일때, 아래 테이블을 통해 비교 할 수 있습니다.Operator Description Comparing Returns Try it == equal to x == 8 false Try it ≫ x == 5 true Try it ≫ === equal value and equal type x === "5" false Try it ≫ x === 5 true Try it ≫ != not equal x != 8 true Try it ≫ !== not equal value or not equal type x !== "5" true Try it ≫ x !== 5 false Try it ≫ > greater than x > 8 false Try it ≫ < less than x < 8 true Try it ≫ >= greater than or equal to x >= 8 false Try it ≫ <= less than or equal to x <= 8 true Try it ≫ [ 출처: W3Schools]
2. How Can it be Used
비교 연산자는 조건문에서 비교할 시에 사용됩니다.3. Logical Operators
논리 연산자는 변수나 값 사이에서 논리(Logic)를 결정하는데 사용합니다.
x = 6 이고 y = 3 일때, 아래 테이블을 통해 논리 연산자를 표현 할 수 있습니다.
Operator Description Example && and (x < 10 && y > 1) is true || or (x == 5 || y == 5) is false ! not !(x == y) is true [ 출처: W3Schools ]
4. Conditional Operator
자바스크립트는 어떤 조건을 기반으로 변수의 값을 할당하는 조건 연산자 또한 포함하고 있습니다.
문법:
variablename = (condition) ? value1:value2
예제:
123456789101112131415161718192021222324<!DOCTYPE html><html><body><p>Input your age and click the button:</p><input id="age" value="18" /><button onclick="myFunction()">Try it</button><p id="demo"></p><script>function myFunction() {var age,voteable;age = document.getElementById("age").value;voteable = (age < 18) ? "Too young":"Old enough";document.getElementById("demo").innerHTML = voteable + " to vote.";}</script></body></html>cs 5. JavaScript Bitwise Operators
1234567891011121314151617181920<!DOCTYPE html><html><body><p>The bitwise operator & returns a logical AND.</p><button onclick="myFunction()">Try it</button><p id="demo"></p><script>function myFunction() {document.getElementById("demo").innerHTML = 5 & 1;}</script></body></html>cs Operator Description Example Same as Result Decimal & AND x = 5 & 1 0101 & 0001 0001 1 | OR x = 5 | 1 0101 | 0001 0101 5 ~ NOT x = ~ 5 ~0101 1010 10 ^ XOR x = 5 ^ 1 0101 ^ 0001 0100 4 << Left shift x = 5 << 1 0101 << 1 1010 10 >> Right shift x = 5 >> 1 0101 >> 1 0010 2 [ 출처: W3Schools ]
'Web > JavaScript' 카테고리의 다른 글
[javascript] 27. for 반복문(for loop) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 26. 스위치(switch) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 25. 조건문(conditions) - if, else - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 23. 논리연산(Booleans) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 22. 배열 메소드(Array Method) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 21. 배열(Arrays) - 자바스크립트 강좌 (0) 2015.06.13
