9. 자바스크립트 데이터 타입(JS Data Types)

[참고] http://www.w3schools.com/js/js_datatypes.asp

문자열, 숫자, 불대수(참거짓), 배열, 객체.

---

JavaScript Data Types

자바스크립트 변수는 많은 데이터 타입을 저장할 수 있다: 숫자, 문자열, 배열, 객체 등

var length = 16;                               // Numbervar lastName = "Johnson";                      // Stringvar cars = ["Saab", "Volvo", "BMW"];           // Arrayvar x = {firstName:"John", lastName:"Doe"};    // Object

---

The Concept of Data Types(데이터 타입의 개념)

프로그래밍에서 데이터 타입은 중요한 개념이다.

변수를 연산하기 위해, 타입의 종류에 대해 아는 것은 중요하다.

데이터 타입없이, 컴퓨터는 안전하게 문제를 해결할 수 없다.

var x = 16 + "Volvo";

16에 "Volvo"를 더한다는게 말이 될까? 결과는 생성이 될까? 요류가 발생시킬까?

자바스크립트는 위 예를 아래와같이 처리한다.

var x = "16" + "Volvo";

	만약 두번째 피연산자가 문자열인 경우, 자바스크립트는 첫 번째 피연산자도 문자열로 처리한다.

Example:

var x = 16 + "Volvo";

Try it yourself »

자바스크립트는 수식을 왼쪽에서 오른쪽으로 평가한다. 다른 순서는 다른 결과를 만들 수도 있다.

JavaScript:

var x = 16 + 4 + "Volvo";

Result:

20Volvo

Try it yourself »

JavaScript:

var x = "Volvo" + 16 + 4;

Result:

Volvo164

Try it yourself »

처음 예에서, "Volvo"에 도달할 때 까지, 자바스크립트는 16과 4를 숫자로 처리한다.

두 번째 예에서, 처음 피연산자가 문자열이기 때문에, 모든 피연산자는 문자열로 처리된다.

---

JavaScript Has Dynamic Types(자바스크립트는 동적 타입을 가진다)

저바스크립트는 동적타입을 가진다. 이는 같은 변수가 다른 타입으로 사용될 수 있다는 것을 의미한다.

Example

var x;               // Now x is undefinedvar x = 5;           // Now x is a Numbervar x = "John";      // Now x is a String

---

JavaScript Strings

문자열은 "홍길동"과 같은 일련의 문자들이다.

문자열은 따옴표로 만들어지고, 작은 따옴표나 큰 따옴표를 사용할 수 있다.

Example

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

사용하려는 따옴표가 문자열을 둘러싼 따옴표와 일치하지 않는 한, 문자열 내에 따옴표를 사용할 수 있다.

Example

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

Try it yourself »

You will learn more about strings later in this tutorial.

---

JavaScript Numbers

자바스크립트는 오직 하나의 숫자 타입만 가진다.

숫자는 소수가 있거나 없을 수 있다.

Example

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

매우 크거나 작은 숫자는 특정 표기법(지수)로 쓰여질 수 있다.

Example

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

Try it yourself »

You will learn more about numbers later in this tutorial.

---

JavaScript Booleans

불대수(Booleans)는 참과 거짓 두개의 값만 가진다.

Example

var x = true;
var y = false;

Booleans은 조건 검사에 자주 사용된다.

You will learn more about conditional testing later in this tutorial.

---

JavaScript Arrays

자바스크립트 배열은 대괄호와 함께 쓰여진다.

배열의 항목들은 쉼표로 구분된다.

다음 코드는 3개의 목록(자동차이름)을 포함하는, cars라는 배열을 선언한다(만든다).

Example

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

Try it Yourself »

배열 인덱스는 0을 기준이며, 첫 번째 항목은 [0] 두 번째 항목은[1], 등이다.

You will learn more about arrays later in this tutorial.

---

JavaScript Objects

자바스크립트 객체는 중괄호와 함께 쓰여진다.

객체 속성은 이름:값 이라는 쌍으로 쓰여지고, 쉼표로 구분한다.

Example

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

Try it Yourself »

위 예에서 객체(person)는 4개의 속성을 가진다: firstName, lastName, age, eyeColor.

You will learn more about objects later in this tutorial.

---

The typeof Operator(typeof 연산자)

자바스크립트 값의 타입을 찾기 위해 typeof 연산자를 사용할 수 있다.

Example

typeof "John"                // Returns string typeof 3.14                  // Returns numbertypeof false                 // Returns booleantypeof [1,2,3,4]             // Returns objecttypeof {name:'John', age:34} // Returns object

Try it yourself »

	자바스크립트에서 배열은 특별한 객체타입이다. 그러므로 typeof[1,2,3,4]는 객체(object)를 반환한다.

---

Undefined(정의되지 않은)

자바스크립트에서 값이 없는 변수는 undefined 값을 가진다. typeof 또한 undefined이다.

Example

var person;                  // The value is undefined, the typeof is undefined

Try it Yourself »

You will learn more about undefined later in this tutorial.

---

Empty Values(빈 값)

빈 값은 undefined와 아무런 관련이 없다.

빈 값 문자열(string) 변수는 값과 타입 둘다 가진다.

Example

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

Try it Yourself »