[JavaScript] 자바스크립트 데이터 타입

[JavaScript] 자바스크립트 데이터 타입

---

변수를 선언할때, 'let','const'키워드로 선언을 하지만, 할당되는 값에 따라 데이터 타입이 달라지는데요. 데이터 타입중 기본형 또는 원시형 (primitive) 타입이라 불리는 number, string, boolean, null, undefined에 대해 한번 포스팅 해보겠습니다.

▶ number - 숫자 데이터

let num = 7

console.log(num)
console.log(typeof(num)) // typeof - 해당 변수의 데이터 타입을 확인할 수 있다.

'let'키워드로 'num'변수를 선언한 다음, 해당 변수에 '7'숫자를 입력했습니다. 그리고 'console.log'로 값을 출력하면 당연히 '7'이라는 숫자가 출력됩니다. 그리고 'typeof()'함수를 이용해 해당 변수의 데이터 타입을 확인하면 'number'라고 뜨는걸 확인할 수 있습니다.

▶ string - 문자열

let str = "문자열" // '문자열'

console.log(str)
console.log(typeof(str))

문자열 데이터타입을 선언할 때는, 쌍따옴표("") 혹은 따옴표 ('')로 감싸줘야 합니다. 위의 코드처럼 쌍따옴표 혹은 따옴표안에 원하는값을 넣고, 해당 변수를 출력하면, 쌍따옴표 혹은 따옴표는 보이지 않고, 안에 작성한 문자열만 출력하게 됩니다. 

let str = "7" // '7'

console.log(str)
console.log(typeof(str))

참고로 쌍따옴표 혹은 따옴표안에 숫자를 넣는다면, 출력값은 'number'타입과 똑같이 '7'이 출력되지만, 타입을 확인해보면 'string'즉 문자열인걸 확인할 수 있습니다.

let str = "\"" // '\''

console.log(str)
console.log(typeof(str))

또 쌍따옴표 혹은 따옴표를 출력하길 원한다면, 키보드를 보면 '엔터키'위에 '역슬레시'키를 눌러 역슬레시를 입력한 다음, 쌍따옴표 혹은 따옴표를 입력해주면, 출력 결과물에서 쌍따옴표 혹은 따옴표를 확인할 수 있습니다.

▶ Boolean - 논리 자료형

let bol_T = true
let bol_F = false

console.log(bol_T, bol_F)
console.log(typeof(bol_T))
console.log(typeof(bol_F))

논리적인 데이터 유형인 'boolean'은 'true / false'만 가지고 있습니다. 비교 연산자에서 많이 사용되는 데이터 타입으로 변수에 'true / false'를 대입하면, 해당 변수는 'boolean'데이터 타입으로 선언된걸을 확인할 수 있습니다.

let bol_T = true

if (bol_T == true) {
    console.log('이 값은 참입니다.')
} else if (bol_T == false) {
    console.log('이 값은 거짓입니다.')
}

나중에 배우게될 'if문'을 활용하여 코드를 작성해보았습니다. 예시로 작성한것이기에 나중에 'if문'과 비교연산자를 배우게되면, 자연스럽게 코드를 알게 될껍니다.

▶ null - 값이 비어있음

let _null = null

console.log(_null)
console.log(typeof(_null))

 

'null'은 어떠한 값이 의도적으로 비어있음을 표현하며, 변수가 아무런 객체를 가리키지 않음을 표현합니다. 즉, 변수는 존재하지만 값이나 자료형이 존재하지 않음을 표현합니다. 그렇지만 'typeof'를 통해 보면 'object'라 결과를 보여주는데요. 이건 하위호환 유지를 위함이라 하는데, 정확히 어떠한 의미인지는 아직 잘 모르겠네요;;;

참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/null

null - JavaScript | MDN

▶ undefinde - 값을 할당하지 않는 변수

 

let _undf

console.log(_undf)
console.log(typeof(_undf))

변수를 선언하고 값을 할당하지 않는 변수를 'undefined' 자료형이라 합니다.

참고 : null 과 undefined 차이

let _undf
let _null = null

console.log(_undf == _null) // 동등 연산자 (==)
console.log(_undf === _null) // 일치 연산자 (===)

동등 연산자로 비교를 하면, 'true'로 반환하지만, 일치 연산자로 비교하면 'false'로 반환하는 모습을 볼 수 있습니다.