자바스크립트 기본 자료형

자바스크립트 기본 자료형

• 숫자(Number)
• 문자열(String)
• 불(Boolean)

 

📌 자료란?

프로그래밍에서 프로그램을 처리할 수 있는 모든 것

---

📌 문자열 자료형

문자가 하나든 여러개든 모두 문자열 자료형이라고 한다.

'안녕하세요'
"안녕하세요"

 

내부에 작은따음표 사용했다면, 외부엔 큰따음표 사용

내부에 큰따음표 사용했다면, 내부엔 작은따음표 사용

'This is "string"'
"This is 'string'"

 

📌 특수한 기능

• \ 특수문자 입력하고 싶을때
• \n 줄바꿈
• \t tab(4칸)
• \\ 역슬래시 그 자체를 입력하고 싶을때

 

📌문자열 연산자

> '가나다' + '라마' + '바사아' + '자차카타' + '파하'
'가나다라마바사아자차카타파하'

 

📌 문자 선택 연산자

 0, 1, 2는 인덱스(index)를 의미한다. 문자열안에 0번째 인덱스 추출하라.

> '안녕하세요'[0]
'안'
> '안녕하세요'[1]
'녕'
> '안녕하세요'[2]
'하'

 

📌 문자열 길이 구하기

 .length 속성을 사용

> '안녕하세요'.length
5
> "자바스크립트".length
6
> "".length
0

---

📌 숫자 자료형

소수점이 있든 없든 모두 숫자 자료형

 

숫자 연산자

• + 더하기
• - 빼기
• * 곱하기
• / 나누기
• % 나머지

> 273
273
> 52.273
52.273
> 5+3*1
8
> 5+3*2
11
> (5+3)*2
16
> 10%2
0
> 10%3
1
> 10%4
2

---

📌 불 자료형

참(true)과 거짓(false)을 표현할 때

> 52 > 273
false
> 52 < 273
true
> '가방' > '하마'
false
> '가방' < '하마'
true

> !true
false
> !false
true

문자열 크기 비교는 사전순 정렬로 생각하면 된다.

가방보다 하마가 뒷순서이다.

 

• ==와 !=연산자 : 값이 같은지 비교
• ===와 !==연산자 : 값과 자료형이 같은지 비교

> 10 == 10
true
> 10 === 10
true


> 1 == "1"
true
> 1 === "1"
false
> false == "0"
true
> false === "0"
false

 

📌 삼항 연산자

조건? 참:거짓

? true? 10 : 20
10
> !true? 10 : 20
20

 

📌 논리합 연산자(OR)

1 + 0 = 1 즉, 둘중에 하나라도 true이면 true

> true || true
true
> true || false
true
> false || true
true
> false || false
false

 

📌 논리곱 연산자(AND)

1 * 0 = 0 즉, 둘 다 true여야 true

> true && true
true
> true && false
false
> false && true
false
> false && false
false

---

📌자료형 검사

단항연산자

> typeof('문자열')
'string'
> typeof(273)
'number'
> typeof(true)
'boolean'
> typeof(10 === 'number')
true

---

참고한 책 : 혼자 공부하는 자바스크립트