JS Comparison and Logical Operators
비교 및 논리 연산자는 참 또는 거짓을 테스트하는 데 사용된다.
Comparison Operators
비교 연산자는 논리문에서 변수 또는 값 간의 같음 또는 차이를 결정하는 데 사용됩니다.
x = 5일 때 아래 표는 비교 연산자를 설명한다.
How Can it be Used
조건문에서 비교 연산자를 사용하여 값을 비교하고 결과에 따라 조치를 취할 수 있다.
다음 장에서 조건문 사용에 대해 자세히 알아볼 것이다.
Logical Operators
논리 연산자는 변수 또는 값 간의 논리를 결정하는 데 사용됩니다.
x = 6 및 y = 3인 경우 아래 표는 논리 연산자를 설명한다.
Conditional (Ternary) Operator
JavaScript에는 일부 조건에 따라 변수에 값을 할당하는 조건 연산자도 포함되어 있다.
Syntax :
variablename = (condition) ? value1:value2 
age 변수가 18보다 작은 값이면 voteable 변수의 값은 "Too young"이 되고, 그렇지 않으면 voteable 값은 "Old 충분히"가 된다.
Comparing Different Types
다른 유형의 데이터를 비교하면 예기치 않은 결과가 나타날 수 있다.
문자열을 숫자와 비교할 때 JavaScript는 비교할 때 문자열 -> 숫자로 변환한다. 빈 문자열은 0으로 변환된다. 숫자가 아닌 문자열은 항상 false인 NaN으로 변환된다.
두 문자열을 비교할 때 "2"는 "12"보다 크다. (알파벳 순으로) 1은 2보다 작기 때문이다.
적절한 결과를 얻으려면 비교 전에 변수를 적절한 유형으로 변환해야 한다.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Comparisons</h2>
<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() {
let voteable;
let age = Number(document.getElementById("age").value);
if (isNaN(age)) {
voteable = "Input is not a number";
} else {
voteable = (age < 18) ? "Too young" : "Old enough";
}
document.getElementById("demo").innerHTML = voteable + " to vote";
}
</script>
</body>
</html>
공정 설비 개발/연구원에서 웹 서비스 개발자로 경력 이전하였습니다. Node.js 백엔드 기반 풀스택 개발자를 목표로 하고 있습니다.