본문 바로가기
JS/기초

📚 [JS] 자료형

by Nyanggu 2023. 1. 10.

✳ 숫자(number)

- 숫자 자료형은 따옴표를 사용하지 않음

var num = 10;          // 숫자

var myName = "yell-Dorado"; // 문자열

 

✳ 문자열(string)

 

- 문자열을 따옴표로 묶어 사용

따옴표의 종류 3가지

1. 큰 따옴표

ex) let str = "hello";

2. 작은 따옴표

ex) let str = 'hello';

3. 역 따옴표(백틱)

ex) let str = `hello`;

- 큰 따옴표와 작은 따옴표는 js에서 차이를 두지 않음.

- 역 따옴표로만 변수나 표현식을 감싼 후 ${...}안에 넣어주면 원하는 변수나 표현식을 문자열 중간에 쉽게 넣을 수 있음

// 변수를 문자열 중간에 삽입 
let name = "rims";
alert (`hello, ${name}!`);  // hello, rims!

// 표현식을 문자열 중간에 삽입
alert(`the result is $(1+2)` );  //  the result is 3;

✳ 불린형(논리타입)

- true와 false 값 밖에 없는 자료형.

- 불린은 긍정(true)이나 부정(false)의 값을 저장할 때 사용

 

- 불린값은 비교 결과를 저장할 때도 사용됩니다.

let dorado = 60 > 10;

alert( dorado ); // true

✳ 'null' 값

- null 값은 null값만 포함하는 별도의 자료형을 만듬

let age = null;

- let age = null;은 나이(age)를 알 수 없거나 그 값이 비어있음을 보여줍니다.

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


✳ 'undefined'값

- undefined 값도 null 값처럼 자신만의 자료형을 형성

- undefined는 '값이 할당되지 않은 상태'를 나타낼 때 사용

- 변수는 선언했지만, 값을 할당하지 않았다면 해당 변수에 undefined가 자동으로 할당됨.

let age;
alert(age); // 'undefined'가 출력됩니다.


// 개발자가 변수 undefined를 명시적으로 할당하는 것도 가능하긴 함
let age = 100;

age = undefined; // 값을 undefined로 바꿉니다.

alert(age); // "undefined"

- 하지만 undefined를 직접 할당하는 걸 권장하지 않음. 변수가 '비어있거나' '알 수 없는' 상태라는 걸 나타내려면 null을 사용

undefined는 값이 할당되지 않은 변수의 초기값을 위해 예약어로 남겨두자.


✳ 객체와 심볼(ES6 문법)

- 객체(object)형은 특수한 자료형입니다.

- 객체는 데이터 컬렉션이나 복잡한 개체(entity)를 표현할 수 있습니다.

- 심볼(symbol)형은 객체의 고유한 식별자를 만들 때 사용됨.


✳ typeof 연산자

- typeof 연산자는 인수의 자료형을 반환합니다.

- 자료형에 따라 처리 방식을 다르게 하고 싶거나 변수의 자료형을 빠르게 알아내고자 할 때 유용합니다.

- typeof 연산자는 두 가지 형태의 문법을 지원

1. 연산자: typeof x

2. 함수: typeof (x)

ㄴ 괄호가 있든 없은 결과가 동일함

// typeof x 를 호출하면 인수의 자료형을 나타내는 문자열을 반환합니다.

typeof undefined // "undefined"

typeof 0 // "number"

typeof 10n // "bigint"

typeof true // "boolean"

typeof "foo" // "string"

typeof Symbol("id") // "symbol"

typeof Math // "object"  (1)
// Math는 수학 연산을 제공하는 내장 객체이므로 "object"가 출력됨

typeof null // "object"  (2)
// 하위 호환성을 유지하기 위해 이런 오류를 수정하지 않고 남겨둔 상황. 언어 자체의 오류이므로 null이 객체가 아님에 유의

typeof alert // "function"  (3)
// typeof는 피연산자가 함수면 "function"을 반환

✳ 자바스크립트에는 글자형이 없습니다. (char)

 

 

 

출처/인용 - javascript.info

'JS > 기초' 카테고리의 다른 글

📚 [JS] alert, prompt, confirm의 상호작용  (0) 2023.01.10

댓글