✳ 숫자(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 |
---|
댓글