TIL.05 _ 자료형

자바스크립트에는 여덟 가지 기본 자료형이 있습니다. - 모던 JavaScript 참조.
자바스크립트 자료(data)의 종류(type)라고 생각하면 됩니다.

• 숫자형 – 정수, 부동 소수점 숫자 등의 숫자를 나타낼 때 사용합니다. 정수의 한계는 ±253 입니다.

• bigint – 길이 제약 없이 정수를 나타낼 수 있습니다.

• 문자형 – 빈 문자열이나 글자들로 이뤄진 문자열을 나타낼 때 사용합니다. 단일 문자를 나타내는 별도의 자료형은 없습니다.

• 불린형 – true, false를 나타낼 때 사용합니다.

• null – null 값만을 위한 독립 자료형입니다. null은 알 수 없는 값을 나타냅니다.

• undefined – undefined 값만을 위한 독립 자료형입니다. undefined는 할당되지 않은 값을 나타냅니다.

• 객체형 – 복잡한 데이터 구조를 표현할 때 사용합니다.

• 심볼형 – 객체의 고유 식별자를 만들 때 사용합니다.

숫자형

let n = 123;
n = 12.345

숫자형(number type) 은 정수 및 부동소수점 숫자(floating point number)를 나타냅니다.
숫자형과 관련된 연산은 다양한데, 곱셈 *, 나눗셈 /, 덧셈 +, 뺄셈 - 등이 대표적입니다.
숫자형엔 일반적인 숫자 외에 Infinity, -Infinity, NaN같은 '특수 숫자 값(special numeric value)'이 포함됩니다.

Bigint

// 끝에 'n'이 붙으면 BigInt형 자료입니다.
const bigInt = 1234567890123456789012345678901234567890n;

BigInt형은 표준으로 채택된 지 얼마 안 된 자료형으로, 길이에 상관없이 정수를 나타낼 수 있습니다.
BigInt형 값은 정수 리터럴 끝에 n을 붙이면 만들 수 있습니다.

문자형

let single = '작은따옴표';
let double = "큰따옴표";
let backticks = `백틱`;

문자형을 나타내는 것은 3가지로 큰따옴표, 작은따옴표, 그리고 역따옴표(백틱)입니다.
큰따옴표와 작은따옴표는 ‘기본적인’ 따옴표로, 자바스크립트에서 문자열을 나타낼 때 아무거나 사용해도 무방합니다.
역 따옴표로 변수나 표현식을 감싼 후 ${…}안에 넣어주면, 아래와 같이 원하는 변수나 표현식을 문자열 중간에 손쉽게 넣을 수 있습니다.

let name = "Harry";
// 변수를 문자열 중간에 삽입
alert( `Hello, ${name}!` ); // Hello, Harry!
// 표현식을 문자열 중간에 삽입
alert( `the result is ${1 + 2}` ); // the result is 3

• 문자열에 따옴표를 같이 출력하고 싶다면 다음과 같이 큰따옴표를 출력하려면 작은 따옴표로 감싸고, 그 반대면 반대로 하면 된다.
  

• 허나, 따옴표를 같은 것을 사용하면 다음과 같이 에러가 발생한다.
  

SyntaxError: missing ) after argument list

에러를 찾아보니
function을 호출하는 방식에 에러가 있는 것입니다. 맞춤법, 연산자 누락 또는 이스케이프 처리를 하지 않는 문자열과 같은 것으로 발생될 수 있습니다. 라고 나온다.

여기서 이스케이프 처리를 하지 않는 문자열이 여기에 해당한다.

그럼 어떻게 바꿔야 하나?

요로케 바꾸면 에러가 발생하지 않는다. \ 역슬래시를 붙여주면 이스케이핑이 되어 문자열이 따옴표랑 잘 나온다는 사실.

불린형(boolean)

let bool = true;
let bool2 = false;

불린형은 간단하다. true와 false 두 가지 값밖에 없는 자료형.

Undefined

let a; // 자동으로 undefined가 들어갑니다.
a; // undefined

undefined는 변수 선언되어있지만 아무런 할당도 되지 않았을 때 자동으로 할당된다.

Null

let b = 229;
b = null;
b; // null

자바스크립트에선 null을 ‘존재하지 않는(nothing)’ 값, ‘비어 있는(empty)’ 값,
‘알 수 없는(unknown)’ 값을 나타내는 데 사용합니다.

• null은 빈 값을 변수에 의도적으로 넣어서 기존에 있는 값을 지울 때 사용합니다.

---

참조

https://ko.javascript.info/types
https://www.zerocho.com/category/JavaScript/post/57271d6e5aec14515b949b4b

---