[JS] 연산자

[JS] 연산자

2021. 10. 25. 23:04ㆍHTML + CSS + JS/JS 자바스크립트

728x90

1. 산술연산자

+, -, * , / , %

2. 문자 결합 연산자

문자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터

문자형 데이터 + 숫자형 데이터 = 하나의 문자형 데이터

3. 대입 연산자

=, +=, -=, *= , /= , %=

4. 증감 연산자

++, --

1️⃣

num1--; 10

document.write(num1, "<br>"); 9

2️⃣

num1++; 9

document.write(num1, "<br>"); 10

3️⃣

result = num2++; 20

document.write(result, "<br>"); result 20 num2 21

4️⃣

result = ++num2; 22

document.write(result, "<br>"); 22

5. 비교연산자

> , < , >= , <= , ==, != , ===, !==

==와 != 는 자료형이 비교연산자 실행결과에 영향을 미치지 않지만 ===와 !==는 자료형까지 일치해야한다.

6. 논리연산자

|| (or) &&(and) ! (not)

|| : or 연산자라고 부르며, 피연산자 중 값이 하나라도 true가 존재하면 true결과값을 반환한다.

&& : and 연산자라고 부르며, 피연산자 중 값이 하나라도 false가 존재하면 false 결과값을 반환한다.

! : not 연산자라고 부르며, 피연산자의 값이 true이면 반대로 false 반환한다.

7. 삼항 조건 연산자

삼항 조건 연산자는 조건식의 결과에 따라 실행 결과가 달라지는 삼항 연산자이다.

조건식? true일 때 값: false일 때 값

* 연습문제1

적정체중 구하는 테스트

적정 체중 = (본인 신장 - 100 ) * 0.9

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 적정 몸무게 구하기 </title>
<script>
	var name = prompt("당신의 이름은?", "");
	var height = prompt("당신의 신장은?", "0");
	var weight = prompt("당신의 몸무게는?", "0");
	
	var normal_w = (height - 100) * 0.9;
	var result = weight >= normal_w - 5 && weight <= normal_w + 5;
	result = result ? "적정 체중입니다." : "적정 체중이 아닙니다.";
	document.write(name +"님은 "+ result);
</script>
</head>
<body>
</body>
</html>

728x90

'HTML + CSS + JS > JS 자바스크립트' 카테고리의 다른 글

[JS] 조건문 (if, if-else, 중첩 if )예제 (0)	2021.10.26
[JS] 기본연산자 연습문제 1, 2 (0)	2021.10.25
[JS] 변수, 데이터 종류(문자형String, 숫자형 Number, 논리형 Boolean, null, undefined 데이터) (0)	2021.10.25
[JS] 자바스크립트 기초 문법 (0)	2021.10.25
[JS] 프론트엔드 개발 (0)	2021.10.25

💖💗

💖💗

태그

최근글

댓글

공지사항

아카이브

'HTML + CSS + JS > JS 자바스크립트' 카테고리의 다른 글

관련글

티스토리툴바