[JavaScript] 자료형

JavaScript의 여섯 가지 자료형

(1) 문자열 (string)

(2) 숫자 (number)

(3) 불 (boolean)

(4) 함수 (function)

(5) 객체 (object)

(6) undefined

 

1. 숫자 (Number)

(1) 사칙 연산자

연산자	설명
+	덧셈 연산자
-	뺄셈 연산자
*	곱셈 연산자
/	나눗셈 연산자
%	나머지 연산자

console.log(1 + 2);  // 3
console.log(1 - 2);  // -1
console.log(1 * 2);  // 2
console.log(1 / 2);  // 0.5
console.log(1 % 2);  // 1

 

2. 문자열 (String)

• 문자의 집합
• 문자열 생성 시 큰따옴표 or 작은따옴표를 사용
  • 개인의 취향
  • 다른 코드와의 일관성
• JSON의 경우 큰 따옴표만 허용된다.

(1) 이스케이프(Escape 문자)

• 따옴표를 문자 그대로 사용 가능
• 문자열 줄바꿈 할 경우 사용

이스케이프 문자	설명
\t	수평 탭
\n	줄바꿈
\'	작은따옴표
\"	큰따옴표
\\	역슬래시

console.log("This is \"String\"")              // "string"
console.log("동해물과 백두산이\n마르고 닳도록")  // 동해물과 백두산이
                                              // 마르고 닳도록
console.log("이름\t나이")                      // 이름		나이
console.log("\\\\")                           // \\

(2) 문자열 합하기

연산자	설명
+	문자열 연결 연산자

console.log("가나다" + "라마" + "바사아" + "자차카타" + "파하")

(3) 문자 선택 연산자

연산자	설명
문자열[숫자]	문자 선택 연산자

console.log("안녕하세요"[0])         //안
console.log("안녕하세요"[1])         //녕
console.log("안녕하세요"[3])         //세

(4) 템플릿 문자열

• 작은따옴표나 큰 따옴표가 아닌 ``를 사용해 주어야 한다.

console.log(`52 + 273 = ${52+273}`)
console.log(`올해는 ${new Date().getFullYear()}년입니다.`)

 

3. 불 (Bool)

(1) 참과 거짓의 표현 : true와 false

(2) 비교 연산자

연산자	설명
==	같습니다
!=	다릅니다
>	왼쪽 피연산자가 큽니다
<	오른쪽 피연산자가 큽니다
>=	왼쪽 피연산자가 크거나 같습니다
<=	오른쪽 피연산자가 크거나 같습니다

console.log(52>273)            //true
console.log(true)              //false
console.log("하마" < "가방")    //false (가나다 순으로 비교한다)

(3) 논리 연산자

연산자	설명
!	논리 부정 연산자
||	논리합 연산자
&&	논리곱 연산자

(i) 논리 부정 연산자 (!)

console.log(!true)           // false
console.log(!false)          // true
console.log(!(52 < 273))     // false
console.log(!(52 > 273))     // true

(ii) 논리합 연산자 (||)

왼쪽 피연산자	오른쪽 피연산자	결과
true	true	true
true	false	true
false	true	true
false	false	false

(iii) 논리곱 연산자 (&&)

왼쪽 피연산자	오른쪽 피연산자	결과
true	true	true
true	false	false
false	true	false
false	false	false

 

4. undefined 자료형

• 변수를 선언했으나 초기화하지 않은 자료형

let a
console.log(a)  //undefined

 

5. 자료형 확인 연산자

연산자	설명
typeof	해당 변수의 자료형을 추출

//1. 문자열
console.log(typeof('String'))       //string
//2. 숫자
console.log(typeof(273))            //number
//3. 불
console.log(typeof(true))           //boolean
//4. 함수
console.log(typeof(function () {})) //function
//5. 객체
console.log(typeof({}))             //object
//6. undefined
console.log(typeof(a))              //undefined