프로그램이 처리할 수 있는 모든 것을 자료라고 칭하는데, 자바스크립트에선 자료를 형태에 따라 크게 3가지로 나눈다.
또한 자료형에 따라 사용할 수 있는 연산자들이 있다.
문자는 말 그대로 글자 자료를 뜻한다.
문자 자료는 항상 따옴표 안에 넣어 표현해야 하기 때문에 구별이 쉽다.
숫자 또한 따옴표 안에 넣으면 문자가 된다.
문자형 자료에서 쓸 수 있는 연산자는 다음과 같은 것들이 있다.
연산자 | 설명 |
---|---|
`\n` |
- 띄어쓰기를 할 수 있음 - 사용 예) '안녕'+`\n`+'하세요' - es6 문법이라 ie에서 지원하지 않는다. |
줄바꿈 |
- br 의 역할을 한다.- 사용 예) "우유\n"+"가게" - 띄어쓰기와 모양이 비슷하니 잘 구별하자. - .write() 에서는 적용이 안됨.
|
연산자를 쓰지 않고도 기본 띄어쓰기는 가능하다. 다만,
document.write()
해서 나오는 것들은 결과가 html 문서에 나타나기 때문에 띄어쓰기는 한 번만 용인된다.
alert()
는 html에 나타나는 게 아니라 연속 띄어쓰기가 가능하다.
document
에서도 연속 띄어쓰기를 할 수는 있다.
여러가지 방법이 있겠지만 공백문자 entity 코드인
를 쓰는 게 가장 좋은 방법인 것 같다.
연산을 할 수 있는 숫자를 뜻한다.
숫자형 자료에서 쓸 수 있는 연산자는 다음과 같은 것들이 있다.
연산자 | 설명 |
---|---|
+ | - 더하기 |
- | - 빼기 |
/ |
- 나누기 - 나눠지는 수 / 나눌 수 |
* | - 곱하기 |
% |
- 나눈 값의 나머지 - 나눠지는 수 % 나눌 수 |
참과 거짓으로 나뉘는 자료를 논리 자료형이라고 한다.
true
와 false
또는 1과 0으로 나타낸다.
논리형 자료에서 사용할 수 있는 연산자는 다음과 같은 것들이 있다.
연산자 | 설명 |
---|---|
A == B A === B |
- A와 B가 같음을 뜻한다. - == 는 단순히 모양만 비교- === 는 모양뿐 아니라 자료형까지 비교.
|
A != B A !== B |
- A와 B가 다름을 뜻한다. - != 는 단순히 모양만 비교- !== 는 모양뿐 아니라 자료형까지 비교.
|
A > B A < B A >= B A <= B |
- 초과, 미만, 이상, 이하를 뜻한다. - 왼쪽에서 오른쪽으로 읽는다. A가 B보다 ~하다. |