JS-기본 자료형
오늘은 JS에서 기본 자료형에 대해 알아보겠습니다.
JS를 사용하시면 가장 많이 사용되는 자료형은 문자형, 숫자형일 것입니다.
자료형에 대해 알아두시면 좋은 이유는 가장 기본적인 내용이고
공부해 나가시면서 기본 자료형에 대해 더욱 자세히 알아갈 것이기 때문에
기본적으로 기본 자료형에 대해 알아두시면 좋을 것 같습니다.
JS에서는 동적 타입을 제공하고 있어서
변수에 값을 저장할 때 자료형을 언제든지
바꿀 수 있습니다.
이제 본론으로 돌아가 기본 자료형에 대해 알아보겠습니다.
기본 자료형은 8가지가 있습니다.
(1)
숫자형
숫자형은 말 그대로 숫자와 관련된 자료형인데 숫자와 연산에 관련된 내용이 있습니다.
그밖에도 무한대를 나타내는 Infinity, 숫자가 아닌 것을 나타내는 NaN(Not a Number)도
숫자형에 포함되어 있습니다.
숫자형을 나타내는 방식은 ""를 제외하고 작성하는 것입니다.
예를 보여드리면 alert(1);은 숫자형 alert("1");은 문자형입니다.
(2)
문자형
문자형은 말 그대로 문자를 담당하는 자료형으로
문자형은 큰따옴표, 작은따옴표, 백 틱으로 표현할 수 있습니다.
JS에서는 큰따옴표와 작은따옴표에 대해서는 차이가 없는데
특이한 것은 백 틱입니다. 백 틱은 `이런 식으로 생겼는데 키보드에서
1 왼쪽에 위치하고 있습니다.
맥북의 경우에는 ₩가 있는데 그럴 경우 영어로 전환하시고 누르시면
`가 나타납니다.
본론으로 들어가 백 틱을 사용하는 이유는
문자열 중간에 변수를 삽입할 수 있기 때문입니다.
이것이 중요한 이유는
문자열 사이에 변수를 삽입하여
예를 들어 "환영합니다 @@님"을
이름 부분을 변수를 삽입하여
한 사람만이 아닌
여러 사람의 이름을 삽입할 수 있다는 장점이 있습니다.
코드 예시를 보여드리면
let name = "홍길동";
alert('환영합니다 ${name}');
이렇게 표현할 수 있습니다.
(3)
불린 형
불린 형은 참과 거짓을 나타내는
true, false로 표현하는 표현식입니다.
불린 형은 보통 yes or no의 상황에서
사용하는 자료형인데
if 문, 연산자 등에서 출력되는 값으로 많이 사용됩니다.
yes일 때는 true,
no일 때는 false를 나타내는데
예를 들어 1 = 1이라는 식이 있을 때
이 값은 true, 1 = 0이라는 식이 있을 때
이 값은 false를 나타냅니다.
불린 형도 정말 많이 사용되는데
추후에 나오는 문 파트와 함께 많이 사용합니다.
간단하게 예를 보여드리면
만약 ex가 true일 때
어떤 값을 나타내라.
추후에 문 파트에서 더욱 자세하게 다루도록 하겠습니다.
(4)
null
null은 앞서 다뤘던 자료형 중에서
어느 자료형에도 속하지 않는 경우 나타나는 값입니다.
그렇기 때문에 null은 어떤 자료형에도
소속되지 않는 독립적인 존재입니다.
만약 결과 값에 null이 등장한다면
이것은 자료형과 관련해서 어느 자료에도 속하지 않는다고
해석하시고 수정하시면 되겠습니다.
(5)
undefined
undefined는 null과 마찬가지로
독립적인 자료형으로 값이
할당되지 않는 상태를 표현해 주는 표현식입니다.
예를 들어 변수를 선언할 때 변수의 값을 표현해주지 않을 경우에
alert로 값을 할당할 경우 undefined가 나타납니다.
그래서 작업할 때 undefined가 나온다면
값이 할당되지 않는 상태라는 것을 알아두시면 좋겠습니다.
(6)
객체
객체는 정말 많이 사용되는 자료형으로
쉽게 그룹이라고 표현하면 좋을 것 같습니다.
객체로 복잡한 코드를 가독성이 높게
표현할 수 있고
객체 안에 변수들을 넣어서 한 번에
변환하고 싶을 때도 객체를 사용합니다.
(7)
심벌
심벌은 추후에 자세하게 다루겠지만
간단하게 설명드리면
심벌을 통해 반환되는 심벌의 값은
고유한 값을 나타낸다는 것입니다.
(8)
biglnt
biglnt는 가장 최근에 채택된 자료형으로
길이에 상관없이 정수를 나타낼 때 사용되는 자료형입니다.
biglnt의 특징은 숫자의 끝에 n을 붙인다는 것입니다.
biglnt는 긴 암호를 표현하거나, 긴 연산을 표현할 때
사용됩니다.
(9)
typeof 연산자
마지막으로 typeof 연산자는 자료형은 아니지만
해당 대상이 어떤 자료형에 속해 있는지
확인할 수 있는 자료형입니다.
typeof 연산자를 사용하는 이유는
자신이 작성한 코드이면 사용 안 할 수도 있지만
타인이 작성한 프로젝트를 받아보는 상황에서는
사용될 수 있는 유용한 연산자입니다.
오늘은 기본 자료형 8가지와
typeof 연산자에 대해 알아보았습니다.
간단하게 어떤 자료형이 있는지 알아보았고
추후에 더욱 자세하게 알아보겠습니다.
오늘 글의 의의는 어떤 자료형이 있는지
알아두고 공부를 하시면 공부하시는데
정말 도움이 될 것입니다.
오늘 내용 중에 문자형과 불린형을
우선적으로 공부를 하시면 좋겠습니다.
감사합니다!!

'JS > JS 기초' 카테고리의 다른 글
JS- 조건부 연산자? (0) | 2022.08.08 |
---|---|
JS-if 문 (0) | 2022.08.07 |
JS-모달창 (0) | 2022.08.06 |
JS(JavaScript) 변수, 상수란? (0) | 2022.08.05 |
JS(JavaScript)란? (0) | 2022.08.04 |
댓글