[JAVASCRIPT] 데이터 타입과 연산자(1)

자바스크립트의 데이터 타입

​

1) 기본타입

- 숫자(Number)

- 문자열(String)

- 불린값(Boolean)

- undefined

- null

​

2) 참조타입

- 객체(Object)

-> 배열(Array)

-> 함수(Function)

-> 정규표현식

​

Javascript는 var라는 한 가지 키워드로만 변수 선언.

​

typeof로 변수 타입 확인가능

ex)

var intNum = 10; // 정수

var floatNum = 0.1; // 실수

var boolVar = true; // 불린

var emptyVar; // undefined

var nullVar = null; // null

 

typeof intNum;

typeof floatNum;

typeof boolVar ;

typeof emptyVar;

typeof nullVar;

​

출력

number number boolean undefined object 

​

자바스크립트 기본 타입

​

숫자

​

var num = 5 / 2; 를 하면 C의 int형에서 소숫점을 버리는 것과 다르게, Javascript에서는 소숫점까지 같이나옴.

정수 부분만 구하고싶다면?

console.log(Math.floor(num)); // 출력값 2

​

문자열

​

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

ex)

var str = 'test';

console.log(str[0], str[1], str[2], str[3]); // 출력 : test

* 한번 생성된 문자열은 읽기만 가능하고 수정은 불가!!!

​

null과 undefined

​

둘 다 '값이 비어있음'을 나타냄.

값이 기본적으로 할당되지 않은 변수는 undefined 타입이고, 변수 자체의 값 또한 undefined.

즉 값도 undefined, 변수 타입도 undefined

null 타입은 개발자가 명시적으로 값이 비어있음을 나타냄.

​

// null 변수 생성

var nullVar = null;

​

console.log(typeof nullVar === null); // (출력) false

console.log(nullVar === null); // (출력) true

null의 변수 타입은 object 이기 때문에 일치연산자(===) 사용시 값을 확인해야함!!!

​

자바스크립트 참조 타입(객체 타입)

​

자바스크립트는 숫자, 문자열 , 불린값, null, undefined 제외하고는 모두 객체!

자바스크립트에서 객체

-> '이름(key):값(value)' 형태로 프로퍼티 저장하는 컨테이너, 여러 개의 프로퍼티 포함할 수 있음.

(프로퍼티 == 메소드)

​

객체 생성

​

생성 방법은 3가지

1) Object() 객체 생성자 함수 이용

2) 객체 리터럴 이용

3) 생성자 함수 이용

​

1) Object() 객체 생성자 함수 이용

​

// Object()로 start 객체 생성

var start = new Object();

​

// start 객체 프로퍼티 생성

start.name = 'start';

start.age = 26;

start.gender = 'male'

​

console.log(typeof start); // (출력) object

console.log(start); // (출력) {name: 'start', age: 30, gender: 'male'}

​

2) 객체 리터럴 방식 이용

​

객체 리터럴 이란 객체를 생성하는 표기법을 의미.

​

// 객체 리터럴 방식으로 start 객체 생성

var start = {

name : 'start',

age : 30,

gender: 'male'

};

console.log(typeof start); // (출력) object

console.log(start); // (출력) {name: 'start', age: 30, gender: 'male'}

​

3) 생성자 함수 이용 -> 뒤에서 다루겠음

​

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

​

접근 2가지 방법

- 대괄호([]) 표기법

- 마침표(.) 표기법

​

var start = {

name : 'start',

major : 'engineering'

};

​

// 객체 프로퍼티 읽기

console.log(start.name); // (출력) start

console.log(start['name']); // (출력) start

​

// 객체 프로퍼티 갱신

start.major = ' management';

console.log(start,major); // (출력) management

console.log(start['major']); // (출력) management

​

// 객체 프로퍼티 동적 생성

start.age = 26;

console.log(start.age); // (출력) 30

​

* 접근하려는 프로퍼티가 표현식이거나 예약어일 경우 대괄호 표기법만을 이용해서 접근

ex )

start['full-name'] = 'start bar';

console.log(start['full-name']) // (출력) start bar

console.log(start.full-name); // (출력) NaN

// NaN = Not A Number

- > full-name 사이에 '-' 가 연산자로 착각해 나타나는 현상 . 예를 들어 1 - 'hello' 같은 경우 불가능한 연산이기에 NaN

​

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

​

var start = {

name: 'start',

age: 26,

major: 'information'

};

​

// for in 문을 이용한 객체 프로퍼티 출력

var prop;

for (prop in start) {

console.log(prop, start[prop]);

}

​

(출력)

name start

age 26

major 'information'

​

객체 프로퍼티 삭제

​

*delete 연산자를 이용하여 삭제하지만 객체 프로퍼티만 삭제, 객체 자체를 삭제하지는 못한다!!

​

var start = {

name: 'start',

age: 26;

};

​

delete start.age;

console.log(start.age); // (출력) undefined