[JavaScript] 자바스크립트의 자료형
8359 단어 JavaScriptJavaScript
Javascript의 자료형
동적타입
Javascript는 느슨한 타입의 동적 언어이다. 즉 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당이 가능하다.
let x = 42;
x = 'bar';
x = true;
원시타입 vs 객체타입
자바스크립트는 크게 원시타입과 객체타입으로 나뉜다.
- 원시타입
- Boolean, Null, Undefined, Number, BigInt, String, Symbol - 객체타입 (속성의 컬렉션)
원시타입
객체를 제외한 모든 타입은 불변 값을 정의한다. (변경할 수 없는 값)
Boolean
- Boolean타입은 논리 요소를 나타내며 true, false 두 가지의 값을 가질 수 있다.
- 0, -0, null, false, NaN, undeifined, "" 이라면 객체의 초기값은 false이다.
- 위의 예시 이외의 값은 true로 설정한다.
- 값이 undefined, null이 아닌 모든 객체는 조건문에서 true로 계산된다.
- 이는 값이 false인 Boolean객체도 포함된다.
const x = new Boolean(false);
if (x) {
// 코드 실행 가능
}
const x = false;
if (x) {
// 코드 실행 불가능.
}
Null
- Null은 어떤 값이 의도적으로 비어있음을 표현한다.
- Boolean 연산에서는 false로 취급한다.
- 특정 경우에, null은 원시적이지 않다. 모든 객체는 null값으로부터 파생되며 따라서 typeof 연산자에서는 object를 반환한다.
typeof null === 'object' // true
Undefined
- 변수를 선언한 후 값을 할당하지 않은 변수 혹은 값이 주어지지 않는 인수에 자동으로 할당된다.
function test(x) {
let y;
console.log(x); // undefined
console.log(y); // undefined
}
test();
Number
- Number 타입은 -(2^53 - 1) ~ (2^53 - 1) 까지의 값을 가질 수 있다.
- 부동소수점 숫자 외에도 +Infinity, -Infinity, Nan("Not a Number") 값을 가질 수 있다.
- 0, -0으로도 표현 가능하며 +0 === -0 은 참이다.
> 42 / +0
Infinity
> 42 / -0
-Infinity
BigInt
- 임의 정밀도로 정수를 나타낼 수 있다.
- Number의 안전 한계를 넘어서는 큰 정수도 저장과 연산을 할 수 있다.
- BigInt는 정수 끝에 n을 추가하거나 생성자를 호출해 생성할 수 있다.
- BigInt는 Number와 혼합해 연산할 수 없으며, 이때 TypeError가 발생한다.
> const x = 2n ** 53n;
9007199254740992n
> const y = x + 1n;
9007199254740993n
String
- String은 문자열을 나타내는 타입이며 인덱스 0 ~ 시작하게된다.
- C언어와 달리 Javascript 문자열은 불변하다.
- 따라서 문자열 연산이 필요하다면 원본 문자열을 사용해 새로운 문자열을 생성해야한다.
Symbol
- 변경 불가능하며 다른 값과 중복되지 않는 고유한 값이다.
- 충돌 위험이 없는 오브젝트의 유일한 프로퍼티 키를 만들기 위해서 사용할 수 있다.
- 심볼 값은 외부로 노출되지 않아 확인할 수 없다. (고유 심볼 값)
- ECMAScript 2015 (ES6)에 추가되었다.
객체타입
- 다양한 데이터를 담을 수 있다.
- 키(key)와 값(value) 쌍으로 구성된 프로퍼티를 여러 개 넣을 수 있는데 키(key)에는 문자형이 들어가야하며 값(value)에는 모든 타입이 들어갈 수 있다.
let user = new Object(); // 객체 생성자 문법
let user = {}; // 객체 리터럴 문법
예제
let user = {
name: "sion", // 키: name, 값: "sion"
age: 42,
printInfo: function() {
console.log("제 이름은 : " + this.name + " 나이는 : " + this.age + "입니다." );
}
};
console.log(user.name); // sion
console.log(user["name"]); // sion
user.printInfo(); // 제 이름은 : sion 나이는 : 42입니다.
참고자료
Author And Source
이 문제에 관하여([JavaScript] 자바스크립트의 자료형), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@s_i_o_n/JavaScript-자료형저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)