자료형(데이터타입, 데이터형, 데이터유형)
| 자료형 | 설명 | |
| 기본형 | number(숫자) | 따옴표 없이 표기한 숫자 정수 - 소수점이 없는 숫자 실수 - 소수점이 있는 숫자 |
| string(문자) | 작은 따옴표(') 또는 큰 따옴표(")로 묶어냄 | |
| Boolean(논리형) | 참(true)이나 거짓(false) 두 가지 값만 가지고 있는 유형 | |
| undefined | 자료형을 지정하지 않았을 때의 유형 -> 변수를 선언만 하고 값을 정의하지 않은 경우 |
|
| null | 값이 유효하지 않을 때의 유형 | |
| 복합형 | array(배열) | 하나의 변수에 여러 값을 저장하는 유형 |
| object(객체) | 함수와 속성이 함께 포함된 유형 | |
typeof 연산자
- 자료형을 확인하는 명령
- 콘솔창에 입력하여 변수형 확인
undefined와 null
- 둘 다 값이 없음을 표현하지만, null은 아무것도 없음을 값으로 표현한 것이고 undefined는 정의되지 않은 상태를 뜻함
- null은 없다고 고의적으로 설정한 것
- undefined는 설정하지 않았기 때문에 없는 값을 의미
증감 연산자
| 종류 | 기본형 | 설명 |
| ++ | A++ OR ++A | 연산이 실행되는 시점이 다름 |
| -- | A-- 또는 --A |
비교 연산자
| 종류 | 설명 | 비고 |
| A == B | A와 B는 같다 | 자료형 비교 X 값만 같거나 다르면 TRUE |
| A != B | A와 B는 다르다 | |
| A === B | A가 B보다 크거나 같다 | 자료형 포함하여 비교 값과 자료형이 모두 일치하거나 다르면 TRUE |
| A !== B | A가 B보다 작거나 같다 |
논리 연산자
| 종류 | 설명 | 비고 |
| && | AND 연산자 | 모두 만족해야 TRUE |
| || | OR 연산자 | 하나만 만족해도 TRUE |
| ! | NOT 연산자 | TRUE는 TRUE로, FALSE는 FALSE로 표시 |
연산자 우선순위
- 단항연산자 -> 산술연산자 -> 비교연산자 -> 논리연산자 -> 대입연산자
| 구분 | 높은 순서 ← 낮은 순서 | ||||||
| 단항 연산자 | ! | ++ | -- | ||||
| 산술 연산자 | * | / | % | + | - | ||
| 비교 연산자 | < | <= | > | >= | == | != | === |
| 논리 연산자 | && | || | |||||
| 대입(복합 대입) 연산자 |
= | += | -= | *= | /= | %= | |
삼항조건연산자 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
/*
다음의 판매량과 4분기 판매량을 입력받아
평균 판매량의 이상/미달 값을 출력
1분기 : 1,200
2분기 : 1,300
3분기 : 1,000
4분기 판매량은 사용자에게 입력받고 4분기 판메량의 값이 1,2,3분기 판매량의 평균보다
높거나 같으면 "평균 판매량 이상"
평균보다 낮으면 "평균 판매량 미달" 이라고 화면에 출력
*/
const num1 = 1200;
const num2 = 1300;
const num3 = 1000;
const avg = (num1 + num2 + num3) / 3;
let num4 = prompt("4분기 판매량을 입력하세요.");
let result = num4 >= avg ? "평균 판매량 이상" : "평균 판매량 미달";
document.write(result);
/*
1분기, 2분기, 3분기도 입력받기
*/
const num1 = prompt("1분기 판매량을 입력하세요");
const num2 = prompt("2분기 판매량을 입력하세요");
const num3 = prompt("3분기 판매량을 입력하세요");
const avg = (parseInt)(num1 + num2 + num3) / 3;
let num4 = prompt("4분기 판매량을 입력하세요.");
let result = num4 >= avg ? "평균 판매량 이상" : "평균 판매량 미달";
document.write(result);
// 문자 형식의 숫자를 숫자형식으로 바꾸는 방법
// 1. parseInt() 함수 사용
// 2. 문자 형식의 숫자에 *1을 통해서 숫자로 변환
// 3. Number() 함수 사용
</script>
</body>
</html>
parseInt 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let strNum = "1";
document.write("parseInt : " + parseInt(strNum) + "<br>");
document.write("Number : " + Number(strNum) + "<br><br>");
let strNum = "01";
document.write("parseInt : " + parseInt(strNum) + "<br>");
document.write("Number : " + Number(strNum) + "<br><br>");
let strNum = "2022년";
document.write("parseInt : " + parseInt(strNum) + "<br>");
document.write("Number : " + Number(strNum) + "<br><br>");
// parseInt() : 2022 표시 -> 숫자만 찾아서 보여줌(숫자로 시작할때만 가능)
// Number() : NaN(Not A Number) -> 숫자를 생성하는 역할만 하는 기본적 함수(숫자와 문자가 같이 있을 땐 표현 불가)
let strNum = "12.345";
document.write("parseInt : " + parseInt(strNum) + "<br>");
document.write("Number : " + Number(strNum) + "<br><br>");
document.write("parseFloat : " + parseFloat(strNum) + "<br><br>")
// parseInt() : 12 표시 -> int는 정수만 표시하는 타입이라 12 표시
// Number() : 12.345 -> 소수점까지 표현 가능(숫자에 대한 모든 것을 표현)
// parseFloat() : 소수점까지 표현 가능
</script>
</body>
</html>'DEV > JavaScript' 카테고리의 다른 글
| JavaScript | null과 undefined (0) | 2022.01.25 |
|---|---|
| JavaScript | 템플릿 문자열 (0) | 2022.01.25 |
| JavaScript | 함수 (0) | 2022.01.17 |
| JavaScript | 제어문 (0) | 2022.01.17 |
| JavaScript | 기본 (0) | 2022.01.11 |
