1. 숫자 (number)
- 숫자 데이터를 나타내는데 사용한다.
- JS는 정수, 실수를 구분하지 않음.
정수, 실수를 구분하는 언어였다면 실수와 정수를 더해줄 수 없음.
따라서 1, 1., 1.0 을 모두 1.0으로 간주한다.
- 2^64~(-2^53) 사이의 숫자값이 오며
부동 소수점을 표현할 수 있고
다음과 같은 값을 포함한다.
(1). NaN: Not-a-Number 숫자는 아니지만 값이긴 함.
(1 * a와 같이 문자 x 숫자의 결과값으로 반환됨.
숫자가 아님에도 값을 설정해서 다른 부분이 죽지않고 작동되도록 해주는 땜빵 같은 부분)
(2). Infinity: 양수무한대
(3). -Infinity: 음수무한대
2. 문자열 (string)
- 텍스트 데이터를 나타내는데 사용한다.
- "", '' 안에 텍스트를 입력한다.
- 숫자도 따옴표 안에 넣으면 문자열로 해석되고 "1"+"1"을 입력하면 "11"로 표현된다.
- 첫 번째 자리를 0으로 놓고 띄어쓰기 또한 한 칸으로 인정하여 칸수를 센다.
- 만일 줄바꿈을 하고 싶으면 그 사이에 \n을 입력하면 된다.
*문자열과 함께 자주 쓰이는 명령어
- .length
: 문자열이 몇 글자로 이루어져 있는지 계산된다.
- .trim()
: 문자열 안의 공백을 모두 없애준다.
- .charAt(n)
: 특정 문자열에서 n번째 글자를 불러온다.
- .concat()
: 원하는 배열과 ()속 배열의 문자열을 합쳐준다.
- .indexOf()
: ()안에 작성한 문자열이 . 앞에 써둔 전체 문자열의 몇 번째에서 시작하는지 알려준다.
만약에 전체 문자열에 없는 문자가 ()안에 입력되면 결과값이 -1로 나온다.
3. 분리연 (boolean)
document.write(1===1);
//결과값 : true
- document.write(); : 괄호에 있는 말을 웹페이지에 출력하는 연산자
- === : 동등비교연산자(Comparison operators)
왼쪽에 있는 값과 오른쪽에 있는 값이 같은가?하고 물을 때 쓴다.
<script>뒤에 입력하는 연산이
i. 1===1일 경우
연산 결과 1과 1은 같은 값이므로 참이기 때문에 h3태그 아래에 true가 출력된다.
ii. 1===2일 경우
연산 결과 1=2는 거짓이기 때문에 false가 출력된다.
이런 true와 false과 같은 데이터 타입을 분리연(boolean)이라고 한다.
분리연은 데이터 값이 이 두 가지 밖에 없다.
- true로 취급하는 것 : 숫자 +1과 -1, 문자열, false로 취급되는 것에 !를 붙인 것
- false로 취급하는 것 : 숫자 0, 빈문자열, undefined , null, NaN
4. undefined
-변수 선언만 하고 아무런 값을 선언하지 않은 상태일 때의 값.
-혹은 변수로 undefined를 할당할 수도 있음.
마치 빈 폴더 같은..
5. null
-변수 선언만 하고 'null'이라는 아무것도 아닌 값을 할당한 것.
-undefined는 변수만 선언했을 때 초기값으로 자동설정되는 값이라면
null은 의도적으로 넣어줘야 하는 값임.
-typeof 연산자로 보면 object에 속한다고 뜨는데
이는 es5의 설계 오류이며 null은 object에 속하지 않는다.
출처
- 생활코딩
https://opentutorials.org/course/3085/18870
https://opentutorials.org/course/3085/18798
https://opentutorials.org/course/743/4724
- Mozilla
https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String
- 바위처럼의 Ezweb
https://www.youtube.com/watch?v=Mga3LXPnWdc&list=PL-qMANrofLyvzqz2yYzNectJnYo5ZifE7
https://www.youtube.com/watch?v=-nQemJ47YUc&list=PL-qMANrofLyvzqz2yYzNectJnYo5ZifE7&index=6
- Nomad Academy
www.youtube.com/watch?v=wUHncG3VwPw&list=PL7jH19IHhOLM8YwJMTa3UkXZN-LldYnyK
- Inflearn - 자바스크립트 비기너
www.inflearn.com/course/자바스크립트-비기너#
'JavaScript' 카테고리의 다른 글
[JavaScript] Function (함수) (0) | 2020.06.03 |
---|---|
[JavaScript] Array (배열) (0) | 2020.06.03 |
[JavaScript] Variable (변수) (0) | 2020.06.03 |
[JavaScript] Nomad Academy, 바닐라 JS로 크롬 앱 만들기 - Variable (let, const, var), Array, Object / 20.06.02 (0) | 2020.06.02 |
[JavaScript] Nomad Academy, 바닐라 JS로 크롬 앱 만들기 - 기초 / 20.06.01 (0) | 2020.06.01 |