[인사이드 자바스크립트] 자바스크립트 데이터 타입과 연산자 1 - 기본 타입과 참조 타입

자바스크립트 값들은 크게 기본 타입과 참조 타입으로 나뉜다.

 

 

자바스크립트 기본 타입

typeof 연산자 : 피연산자의 타입을 리턴한다.

자바스크립트는 느슨한 타입 체크 언어이다.

- 변수 선언 시 타입을 미리 정하지 않고, var라는 한 가지 키워드로만 변수를 선언

 

숫자

C언어의 경우 정수냐 실수냐에 따라 int, long, float, double 등과 같은 다양한 숫자 타입이 존재하지만, 자바스크립트는 하나의 숫자형만 존재한다.

→ 자바스크립트는 모든 숫자를 64비트 부동 소수점 형태로 저장 (C언어의 double 타입과 유사)

자바스크립트에서는 정수형이 따로 없고 모든 숫자를 실수로 처리하므로 나눗셈 연산을 할 때 주의해야 한다.

문자열

문자열은 작은 따옴표(')나 큰 따옴표(")로 생성한다.

한 번 정의된 문자열은 변하지 않는다. → 자바스크립트에서 한 번 생성된 문자열은 읽기만 가능하고 수정은 불가능하다.

문자열은 문자 배열처럼 인덱스를 이용해서 접근할 수 있다.

 

불린값

자바스크립트는 true와 false 값을 나타내는 불린 타입을 가진다.

 

null과 undefined

이 두 타입은 모두 자바스크립트에서 '값이 비어있음'을 나타낸다. 자바스크립트 환경 내에서 기본적으로 값이 할당되지 않은 변수는 undefined 타입이벼, undefined 타입의 변수는 변수 자체의 값 또한 undefined이다.

→ undefined는 타입이자 값을 나타낸다.

null 타입 변수는 개발자가 명시적으로 값이 비어있음을 나타내는 데 사용한다.

null 값의 변수의 typeof 값은 null이 아니라 object이다.

→ null 타입 변수인지를 확인하기 위해서는 typeof가 아닌 일치 연산자(===)를 사용하여 변수의 값을 직접 확인해야 한다.

 

자바스크립트 참조 타입

자바스크립트에서 숫자, 문자열, 불린값, null, undefined 같은 기본 타입을 제외한 모든 값은 객체다.

→ 배열, 함수, 정규표현식 등은 모두 자바스크립트 객체.

자바스크립트에서 객체는 단순히 '이름(key):값(value)' 형태의 프로퍼티들을 저장하는 컨테이너로서, 컴퓨터 과학 분야에서 해시(hash)라는 자료구조와 상당히 유사하다.

자바스크립트에서 기본 타입은 하나의 값만을 가지는 데 비해, 참조 타입인 객체는 여러 개의 프로퍼티들을 포함할 수 있다. 이러한 프로퍼티의 성질에 따라 객체의 프로퍼티는 함수로 포함할 수 있으며, 자바스크립트에서는 이러한 프로퍼티를 메서드라고 부른다.

 

객체 생성

자바스크립트의 객체 개념은 생성 방법이나 상속 방식 등에서 C++이나 자바와 같은 기존 객체 지향 언어에서의 객체 개념과는 약간 다르다. 자바에서는 클래스를 정의하고, 클래스의 인스턴스를 생성하는 과정에서 객체가 만들어진다. 이에 비해 자바스크립트에서는 클래스라는 개념이 없고, 객체 리터럴이나 생성자 함수 등 별도의 생성 방식이 존재한다.

 

자바스크립트에서 객체를 생성하는 방법은 크게 세 가지가 있다.

1. 기본 제공 Object() 객체 생성자 함수
2. 객체 리터럴
3. 생성자 함수

 

1. Object() 생성자 함수 이용

자바스크립트에서는 객체를 생성할 때 내장 Object() 생성자 함수를 제공한다.

 

2. 객체 리터럴 방식 이용

리터럴 : 표기법

객체 리터럴 : 객체를 생성하는 표기법 (간단한 표기법만으로 객체를 생성할 수 있는 자바스크립트의 강력한 문법)

• 중괄호 사용 ({})
• 중괄호 내 아무것도 적지 않은 경우는 빈 객체가 생성
• 중괄호 내 "프로퍼티 이름":"프로퍼티 값" 형태로 표기하면 해당 프로퍼티가 추가된 객체를 생성
• 프로퍼티 이름은 문자열이나 숫자가 올 수 있고, 프로퍼티 값으로는 자바스크립트의 값을 나타내는 어떤 표현식도 올 수 있음 (이 값이 함수일 경우 이러한 프로퍼티를 메서드라고 한다.)

 

3. 생성자 함수 이용

생성자 함수 : 객체를 생성하는 함수

기존 함수에 new 연산자를 붙여서 호출하면 해당 함수는 생성자 함수로 동작한다.

특정 함수가 생성자 함수로 정의되어 있음을 알리기 위해 함수 이름의 첫 문자를 대문자로 쓰기를 권하고 있다.

 

객체 프로퍼티 읽기/쓰기/갱신

객체의 프로퍼티에 접근하는 방법

1. 대괄호([]) 표기법
2. 마침표(.) 표기법

* NaN (Not a Number) 값

자바스크립트에서 NaN은 수치 연산을 해서 정상적인 값을 얻지 못할 때 출력되는 값이다.

 

for in 문과 객체  프로퍼티 출력

for in 문을 사용하면 객체에 포함된 모든 프로퍼티에 대해 루프를 수행할 수 있다.

 

객체 프로퍼티 삭제

delete 연산자를 이용해 객체의 프로퍼티를 삭제할 수 있다.

delete 연산자는 객체의 프로퍼티를 삭제할 뿐, 객체 자체를 삭제하지는 못한다.