자바스크립트 비교
비교 및 논리 연산자는 참 또는 거짓을 테스트하는 데 사용됩니다.
비교 연산자
비교 연산자는 논리문에서 변수나 값이 같은지 여부를 확인하는 데 사용됩니다.
x=5, 다음 표에서는 비교 연산자를 설명합니다.
==:
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x==8 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x==8;
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x==5 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x==5;
}
</script>
</body>
</html>인스턴스 실행»
" 클릭 인스턴스 실행" " 버튼을 눌러 온라인 예제 보기
===:
인스턴스 보기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x==="5" 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x==="5";
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x===5 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x===5;
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
!=:
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x!=8 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x!=8;
}
</script>
</body>
</html>인스턴스 실행 중»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
!==:
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x!=="5" 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x!=="5";
}
</script>
</body>
</html>인스턴스 실행»
"인스턴스 실행" 버튼을 클릭하여 온라인 인스턴스 보기
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x!==5 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x!==5;
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
>:
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x>8 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x>8;
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
<:
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x<8 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x<8;
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
>=:
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x>=8 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x>=8;
}
</script>
</body>
</html>인스턴스 실행»
"인스턴스 실행" 버튼 클릭 온라인 인스턴스 보기
<=:
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>x=5, 返回 x<=8 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x<=8;
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
방법 사용
조건문에 비교 연산자를 사용하여 값을 비교한 다음 결과에 따라 조치를 취할 수 있습니다.
if (age<18) x="너무 어림";
이 튜토리얼의 다음 섹션에서 조건문에 대해 자세히 알아볼 것입니다.
논리 연산자
논리 연산자는 변수나 값 사이의 논리를 결정하는 데 사용됩니다.
x=6 및 y=3인 경우 다음 표에서는 논리 연산자를 설명합니다.
| 运算符 | 描述 | 例子 |
|---|---|---|
| && | and | (x < 10 && y > 1) 为 true |
| || | or | (x==5 || y==5) 为 false |
| ! | not | !(x==y) 为 true |
조건 연산자
JavaScript에는 특정 조건에 따라 변수에 값을 할당하는 조건 연산자도 포함되어 있습니다.
구문
변수 이름=(조건)?value1 :값2
예
예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击按钮检测年龄。</p>
年龄:<input id="age" value="18" />
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点击按钮</button>
<p id="demo"></p>
<script>
function myFunction()
{
var age,voteable;
age=document.getElementById("age").value;
voteable=(age<18)?"年龄太小":"年龄已达到";
document.getElementById("demo").innerHTML=voteable;
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
