11주차 - jsp&js (4) 연산자( &&, ||, 삼항 연산자)
2022. 9. 16. 19:17ㆍjsp/java script
이번의 목표
01. 연산자( &&, ||) 에 대해 알아보자.
02. 삼항 연산자에 대해 알아보자.
지난 시간에는 == ,!=, ===, !== 네가지의 연산자를 배워봤습니다.
이번에는 and연산자, or연산자 그리고 삼항 연산자에 대해 알아보겠습니다.
자바를 공부했다면 위의 연산자들은 이미 배웠을것입니다. 기능 또한 동일하기 때문에 이해가 쉽습니다.
&& (and연산자), || (or연산자)는 이항 연산자 중에 논리 연산자로 구분됩니다.
연산자의 좌 우에 들어갈 수 있는 피연산자의 값은 boolean 자료형만이 올 수 있습니다. 즉, true 또는 false 만이 올 수 있습니다.
&&(and연산자)는 피연산자의 값이 모두 true 일때 true를 반환 합니다. 그 외의 경우에는 모두 false를 반환합니다.
||(or연산자)는 피연산자의 값이 둘중에 하나만 true라면 true를 반환합니다. 둘다 false일 경우에는 false를 반환 합니다.
보다 쉽게 이해할 수 있도록 표를 보겠습니다.
| x | y | && | || |
| true | true | true | true |
| true | false | false | true |
| false | true | false | true |
| false | false | false | false |
다음으로 알아볼 것은 ? : (삼항 연산자) 입니다.
삼항 연산자를 겪는 예시는 아래와 같습니다.
"조건문" ? "true일때 반환값" : "false일때 반환값";
실제 사용 코드는 아래 코드에서 확인할 수 있습니다.
01. 코드
02. 실행 화면
01. 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex04</title>
</head>
<body>
<script type="text/javascript">
// 논리 연산자
var x = 5, y = 7;
document.write("(x < 10 && y > 10) : " + (x < 10 && y > 10) + "<br>");
document.write("(x < 10 || y > 10) : " + (x < 10 || y > 10) + "<br>");
document.write("!(x < 10 && y > 10) : " + !(x < 10 && y > 10) + "<br>");
// 삼항 연산자
result = (x > y) ? x : y // 조건 연산
document.write("큰 값 : " + result + "<br>");
result = (x > y) ? x-y : y-x // 조건 연산
document.write("큰 값 - 작은 값 : " + result + "<br>")
</script>
</body>
</html>02. 실행 화면
'jsp > java script' 카테고리의 다른 글
| 11주차 - jsp&js (6) if문 (0) | 2022.09.16 |
|---|---|
| 11주차 - jsp&js (5) 연산자(+=, -=, *=, /=, %=) (0) | 2022.09.16 |
| 11주차 - jsp&js (3) 연산자(==, !=, ===, !==) (0) | 2022.09.16 |
| 11주차 - jsp&js (2) document.write() (0) | 2022.09.16 |
| 11주차 - jsp&js (1) 동기 통신과 비동기 통신, 자료형, <script> (0) | 2022.09.16 |