본문 바로가기
프론트엔드/JavaScript

자료형

by step 1 2021. 4. 29.
반응형

String(문자 데이터): 따옴표를 사용

let myName = "hello1";
let email = 'hello@gmail.com';
let hello = `Hello ${myName}?!`; // 보간법 (백틱 기호 사용)

console.log(myName);
console.log(email);
console.log(hello);

 

Number(숫자 데이터): 정수 및 부동소수점 숫자를 나타냄

let number = 123;
let opacity = 1.57;

console.log(number);
console.log(opacity);
console.log(number + opacity);

 

Boolean(불린 데이터): true, false 두 가지 값밖에 없는 논리 데이터

let checked = true;
let isShow = false;

console.log(checked);
console.log(isShow);

 

Undefined: 값이 할당되지 않은 상태

let undef;
let obj = { abc: 123}; //객체 데이터(속성)

console.log(undef);
console.log(obj.abc);  // abc라는 속성의 값을 출력
console.log(obj.xyz);

Null: 어떤 값이 의도적으로 비어있음을 의미한다

let empty = null;

console.log(empty);

 

 

Object(객체 데이터): 여러 데이터를 Key: Value 형태로 저장 { }

let user ={
    // key: value,
    name: 'He',
    age: 28,
    isValid: true
};

console.log(user.name);
console.log(user.age);
console.log(user.isValid);

Array(배열 데이터): 여러 데이터를 순차적으로 저장 [ ]

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

console.log(fruits[0]);
console.log(fruits[1]);
console.log(fruits[2]);

 

 

반응형

'프론트엔드 > JavaScript' 카테고리의 다른 글

조건문  (0) 2021.05.10
함수  (0) 2021.05.10
변수  (0) 2021.05.10
iframe 내 요소와 부모 요소 간 통신 및 정리  (0) 2021.04.20
특정 태그에 데이터를 지정하는 방법 data 속성, defer 속성  (0) 2021.04.11