JavaScript Tutorial - 11. Data Types

JS Data Types

###JavaScript Data Types

JavaScript 변수는 숫자, 문자열, 객체 등 많은 데이터 타입을 가지고 있습니다.

var length = 16;                               // Number
var lastName = "Johnson";                      // String
var x = {firstName:"John", lastName:"Doe"};    // Object

The Concept of Data Types

프로그래밍에서 데이터 타입은 중요한 개념입니다.
변수를 조작하려면 타입에 대해 알고 있어야 합니다.
데이터 타입이 없으면 아래와 같은 문제를 해결할 수 없습니다.

var x = 16 + "Volvo";

숫자와 문자열을 추가할 때 JavaScript는 숫자를 문자열로 취급합니다.

var x = 16 + "Volvo";

out:
16Volvo

var x = "Volvo" + 16;

out:
Volvo16

JavaScript는 표현식을 왼쪽에서 오른쪽으로 실행합니다. 시퀀스가 다르면 다른 결과가 발생합니다.

var x = 16 + 4 + "Volvo";

out:
20Volvo

var x = "Volvo" + 16 + 4;

out:
Volvo164

JavaScript Types are Dynamic.

JavaScript에는 동적 타입이 있습니다. 즉, 동일한 변수를 사용하여 다른 데이터 유형을 유지할 수 있습니다.

var x;               // Now x is undefined
var x = 5;           // Now x is a Number
var x = "John";      // Now x is a String

JavaScript Strings

문자열은 작은 따옴표나 큰 따옴표로 기록할 수 있습니다.

var carName = "Volvo XC60";   // Using double quotes
var carName = 'Volvo XC60';   // Using single quotes

문자열 주위의 따옴표와 일치하지 않는 한 문자열 내에서 따옴표를 사용할 수 있습니다.

var answer = "It's alright";             // Single quote inside double quotes
var answer = "He is called 'Johnny'";    // Single quotes inside double quotes
var answer = 'He is called "Johnny"';    // Double quotes inside single quotes

JavaScript Numbers

JavaScript에는 한가지 타입의 숫자만 있습니다. 숫자는 십진수나 십진법없이 사용이 가능합니다.

var x1 = 34.00;     // Written with decimals
var x2 = 34;        // Written without decimals

특 대형(exponential) 표기법을 사용하여 매우 크거나 작은 숫자를 작성할 수 있습니다.

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123

JavaScript Booleans

Boolean은 True와 False 값만 가질 수 있습니다.

var x = true;
var y = false;

Boolean은 조건부 테스트에 사용됩니다.

JavaScript Arrays

JavaScript 배열은 대괄호로 작성됩니다. 배열 항목은 쉽표로 구분됩니다.

var cars = ["Saab", "Volvo", "BMW"];

배열 인덱스는 0부터 시작합니다.

JavaScript Objects

JavaScript 객체는 중괄호로 작성됩니다. 객체 속성은 이름:값 쌍으로 구분하여 작성합니다.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

The typeof Operator

JavaScript의 typeof 연산자를 사용하여 변수의 타입을 찾을 수 있습니다.

typeof ""                  // Returns "string"
typeof "John"              // Returns "string"
typeof "John Doe"          // Returns "string"
typeof 0                   // Returns "number"
typeof 314                 // Returns "number"
typeof 3.14                // Returns "number"
typeof (3)                 // Returns "number"
typeof (3 + 4)             // Returns "number"

Primitive Data

원시 데이터 값은 추가 속성 및 메서드가 없는 단일 단순 데이터 값입니다.

typeof 연산자를 사용하면 밑의 타입 중 하나를 반환 합니다.

• string
• number
• boolean
• null
• undefined

typeof "John"              // Returns "string"
typeof 3.14                // Returns "number"
typeof true                // Returns "boolean"
typeof false               // Returns "boolean"

Complex Data

typeof을 사용하면 Complex Data는 두가지 중 하나를 반환합니다.

• function
• object

typeof [1,2,3,4]             // Returns "object" (not "array", see note below)
typeof {name:'John', age:34} // Returns "object"
typeof function myFunc(){}   // Returns "function"
Try it Yourself »

Undefined

JavaScript에서 값이 없는 변수의 값은 typeof을 사용해도 정의되지 않습니다.

var person;   // Value is undefined, type is undefined

값을 undefined으로 설정하면 모든 변수를 비울 수 있습니다.

person = undefined;        // Value is undefined, type is undefined

Empty Values

빈 값과 undefined은 다릅니다. 빈 문자열 변수에는 빈 값과 타입이 있습니다.

var car = "";              // The value is "", the typeof is "string"

Null

JavaScript에서 null은 “nothing”입니다. (None과 null은 다릅니다.)

객체를 null로 설정하여 객체를 비울 수 있습니다.

var person = null;  // Value is null, but type is still an object

Difference Between Undefined and Null

typeof undefined           // undefined
typeof null                // object
null === undefined         // false
null == undefined          // true