자바스크립트 데이터 타입(JavaScript Data Types)

자바스크립트 변수는 다양한 종류의 데이터 타입을 가질 수 있다.

: 숫자, 문자열, 객체 등등

 

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

 

 

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

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

변수에 대해 연산을 수행하려면 타입에 대해 아는 것이 중요하다.

데이터 타입 없이는 컴퓨터는 다음과 같은 예제를 안전하게 해결할 수 없다.

 

let x = 16 + "Volvo";

 

숫자 16에 "Volvo"를 추가하는 것의 결과는 다음과 같이 처리된다.

 

let x = "16" + "Volvo";

 

 

💡 숫자를 문자열에 더할 때, 자바스크립트는 숫자를 문자열로 처리한다.

 

let x = 16 + "Volvo";


//16Volvo

let x = "Volvo" + 16;


//Volvo16

 

자바스크립트 계산식은 왼쪽에서 오른쪽으로 진행된다.

다른 시퀀스는 다른 결과를 생성할 수 있다.

 

let x = 16 + 4 + "Volvo";


//20Volvo

let x = "Volvo" + 16 + 4;


//Volvo164

 

첫 번째 예제에서, 자바스크립트는 "Volvo"에 닿기 전까지 16과 4를 숫자로 취급한다.

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

 

 

---

 

 

자바스크립트 타입은 동적이다(JavaScript Types are Dynamic)

자바스크립트는 동적 타입을 갖고 있다. 이는 동일한 변수임에도 다른 데이터 타입을 가질 수 있다는 의미이다.

 

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

 

 

---

 

 

자바스크립트 문자열(JavaScript Strings)

문자열(혹은 텍스트 문자열)은 "John Doe"같은 일련의 문자다.

문자열은 따옴표와 함께 쓰이고 큰 따옴표나 작은따옴표나 상관없다.

 

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

 

 

문자열을 감싸고 있는 따옴표와 겹치지 않는 한, 문자열 내부에서도 따옴표를 사용할 수 있다.

 

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

 

 

---

 

 

자바스크립트 숫자(JavaScript Numbers)

자바스크립트는 한 가지 유형의 숫자만 갖는다.

숫자는 소수를 포함하거나 포함하지 않고 사용할 수도 있다.

 

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

 

매우 크거나 작은 숫자는 과학적(지수)표기법으로 작성할 수 있다.

 

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

 

 

---

 

 

자바스크립트 불린(JavaScript Booleans)

불린에는 true와 false, 두 가지 종류가 있다.

 

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

 

불린은 종종 조건부 테스트에 사용되기도 한다.

 

 

---

 

 

자바스크립트 배열(JavaScript Arrays)

자바스크립트 배열은 대괄호[] 안에 쓰이고 배열 항목들은 쉼표로 구분 지어진다.

 

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

 

배열 인덱스는 0부터 시작하므로 첫 번째 항목은 [0], 두 번째 항목은 [1]이다.

 

 

---

 

 

자바스크립트 객체(JavaScript Objects)

자바스크립트 객체는 중괄호{} 안에 쓰인다.

객체의 속성들은 {이름:값 쌍} 형식으로 이루어지며 쉼표로 분리된다.

 

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

 

객체(person)는 4가지 속성이 있다: firstName, lastName, age 그리고 eyeColor

 

 

---

 

 

typeof 연산자(The typeof Operator)

자바스크립트 변수의 타입을 알기 위해 해당 연산자를 사용할 수 있다.

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"

 

 

---

 

 

정의되지 않은(Undefined)

자바스크립트에서, 값이 없는 변수는 정의되지 않은 값을 갖는다. 유형도 정의되지 않았다.

 

let car;    // Value is undefined, type is undefined

 

값을 undefined로 설정함으로써 모든 변수를 비울 수 있다. 유형 또한 정의되지 않는다.

 

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

 

 

---

 

 

빈 값(Empty Values)

빈 값은 정의되지 않은 것과 관련이 없다. 빈 문자열에는 유효한 값과 유형이 모두 있기 때문이다.

 

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