[JavaScript] 데이터 타입 (1) - 기본타입

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/자바스크립트-비기너#