[JS] 자바스크립트 데이터 종류(자료형)

String (문자 데이터)

따옴표 사용 (쌍따옴표, 홑따옴표, 빽틱)

let myName = "Evelyn"; // myName이라는 변수에 "Evelyn"이라는 문자 데이터를 할당 한다.
let email = 'hj5678@gmail.com'; // 작은 따옴표로 표시된 문자 데이터도 동일하게 할당 한다.
let hello = `Helllo ${myName}!!`; // 빽틱 기호로 myName라는 데이터를 보관하겠다는 의미이다. i.e. "Evelyn"이라는 문자가 ${myName}에 들어가는 개념이다.

console.log(myName); // Evelyn
console.log(email); // hj5678@gmail.com
console.log(hello); // Hello Evelyn!!

콘솔창

 

Number (숫자 데이터)

정수 및 부동 소수점 숫자

let number = 123;
let opacoty = 1.37;

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

콘솔창

 

Boolean(불린 데이터)

true, false 값으로 이뤄진 논리 데이터

let checked = true;
let isShow = false;

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

콘솔창

 

Undefined

값이 지정되지 않은 상태 (할당되지 않음)

자바스크립트 만의 특이한 문법이다. 

let undef;
let obj = { abc: 123 }; // (object의 약어 obj) (숫자 데이터123을 속성abc에 할당한다. => i.e. 데이터의 집합, 객체 데이터라고 한다.)

console.log(undef); // undefined
console.log(obj.abc); // 123 (obj변수 내부로 들어가 abc속성 데이터를 접근하여 그 값이 무엇인가 확인하는 코드)
console.log(obj.xyz); // undifined

콘솔창

 

Null

어떤 값이 의도적으로 비어있음을 의미

let empty = null; // i.e. 비어있는 값 임을 명시한 것이다.

console.log(empty); // null

콘솔창

 

Object(객체 데이터)

key: value 형식으로 저장하는 {데이터의 집합}

let user = {
  name: 'Evelyn',
  age: 22,
  isValid: true //boolean 데이터 true가 들어가 있음
};

console.log(user.name); // Evelyn
console.log(user.age); // 22
console.log(user.isValid); // true

콘솔창

 

Array(배열 데이터)

[데이터를] 순차적으로 저장

let name = ['Kate', 'Daniel', 'Anna'];

console.log(name[0]); // 'Kate'
console.log(name[1]); // 'Daniel'
console.log(name[2]); // 'Anna'

콘솔창