데이터의 종류(자료형)

자바스크립트 같은 경우 모든것이 데이터로 이루어져 있다.

자바스크립트를 통해서 화면을 제어할 순 있지만 제어되는것들은 데이터로 동작되기 때문에 어떤 도형이라던가, 색상이라던가 크기로 사고하는 것이 아니고 어떤 문자라던가 숫자 등의 자바스크립트의 데이터로 사고하면서 학습을 해야한다. 

01. 문자 데이터 (String)

let myNAme = "ARONY";
let email = 'arony@gmail.com';
let hello = `Hello ${myName}?!`

console.log(myName); //ARONY
console.log(email); //arony@gmail.com
console.log(hello); //Hello ARONY?!

따옴표를 이용해 정의할 수 있는데 ", ', ` 으로 구분해서 데이터를 표현 할 수 있다. 백틱(`)기호는 문자 중간 어딘가에 데이터를 보관해서 끼워넣을 수 있다.

02. 숫자 데이터(Number)

let number = 123;
let opacity = 1.57;

console.log(number); //123
console.log(opacity); //1.57


숫자에도 따옴표가 붙으면 문자 데이터로 인식된다.
let num = "123";
console.log(num); //123

정수 및 부동소수점 숫자를 나타낸다.

03. 불린 데이터(boolean)

let checked = true;
let isShow = false;

console.log(checked); //true
console.log(isShow); //false

true, false 두 가지 값 밖에 없는 논리 데이터이다. 참 혹은 거짓

04. 값이 할당되지 않은 상태 (Undefined) - 의도적이지 않은

let undef;
let obj = { abc: 123 };

console.log(undef); //undefined
console.log(obj.abc); //123
console.log(obj.xyz); //undefined

05. 값이 의도적으로 비어있는 상태 (Null)

let empty = null;

console.log(empty); //null

06. 객체 데이터 (Object)

여러 데이터를 Key:Value 형태로 저장한다. {    }

let user = {
	//Key: Value
	name: "jun",
	age: 25,
	isValid: true
};

console.log(user.name); //jun
console.log(user.age); //25
console.log(user.isValid); //true

07. 배열데이터 (Array)

let fruits = ['Apple', 'Banana', 'Cherry'];

console.log(fruits[0]); // Apple 
console.log(fruits[1]); // Banana
console.log(fruits[2]); // Cherry