[JS] 데이터 종류 (자료형)

js 자료형 데이터

 

String: "", '', ``
Number
Boolean: true, false
Undefined
Null
Object: {}
Array: []

 

자바스크립트 자료형은 모두 '객체' 로 이루어져있다.

 

 

원시 타입 :

String: "", '', ``
Number
Boolean: true, false
Undefined
Null

Symbol

 

비 원시 타입:

Object: {}
Array: []

Function

 

 

String (문자 데이터)

-> 따옴표를 사용한다.

 let myName = "seo0"; //큰따옴표
 let email = 'seo0@naver.com'; //작은따옴표
 let hello = `Hello ${myName}?!!` //백틱
 // 양쪽에 '백틱'이라는 기호를 통해서 문자 데이터를 
 //표시할 수 있는데 이러한 기호는 '보관법'이라는 방식을 제공한다.
 //$표시와 {}중괄호 사이에 있는 myName을 보관한다.
 
 
 //출력
 console.log(myName); //seo0
 console.log(email); //seo0@naver.com
 console.log(hello); //Hello seo0?!!

Number (숫자 데이터)

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

 

let number = 123; //정수
//넘버라는 변수를 정의하는데 그 안에는 123이 들어있다. 넘버라는 변수를 콘솔에 출력하면 123이 출력된다.
let qpacity = 1.57; //부동소수점 숫자


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

//숫자 데이터에도 '' "" 따옴표가 있으면 문자 데이터로 분류된다.

Boolean (불린 데이터)

-> true, false 두 가지 값밖에 없는 논리 테이터이다.

 

let checked = true; //참
//체크드라는 변수에 참을 의미하는 트루 값을 집어 넣고, 콘솔에 출력하면 트루 값이 나온다.
let isShow = false; //거짓


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

Undefined (지정되지 않았다.)

-> 값이 할당되지 않은 상태를 나타낸다.

 

let undef; 
//앞선 예제들과 달리 하나의 변수를 만들고 그뒤에 = ? 이런 어떠한 값을 할당했는데 그렇게 만들지않아서 지금 undef는 값이 없는 상태이다.
//그 값이 없는 상태라는것들 자바스크립트에서는 undefined라는 하나의 '데이터'로 인식을 한다. (특이한 케이스)
let obj = { abc: 123 };
//오브젝트 라는 변수를 만들었다. 오브젝트 데이터는 {중괄호}로 열어서 {중괄호}로 닫는 구조이다.
//abc(속성)이라는 개념에다가 숫자 데이터를 할당해서 넣어줄수있다. 이러한 데이터를 바로 객체 데이터라고 한다.
//이 객체 데이터를 obj라는 변수에 넣어준다. 

console.log(undef); //undefined
console.log(obj.abc); // 123 
//obj라는 변수에 그 내부로 들어가서 그 안에 속성 데이터안으로 들어가서 그안에 값이 무엇인가요? 하는 뜻임.
console.log(obj.xyz); // undefined
//obj안에는 abc는 있지만 xyz는 들어있지않아서 '존재하지않는 부분에' 대해서도 undefined라는 값이 출력됨.

Null 

-> 어떤 값이 의도적으로 비어있음을 의미한다.

 

let empty = null;
//널이라는 데이터를 empty라는 변수에 집어 넣어 넣고 있다. 
//이렇게 코드를 작성했다는 자체가 명시적이고, 이 자체가 의도적이고 이처럼 값이 없는 상태가 널이다.

console.log(empty); //null

Object (객체 데이터)

-> 여러 데이터를 key:value 형태로 저장하는 집합 테이터. {}

 

let user = {
//유저라는 하나의 변수에다가 {} 안에다가 데이터를 삽입하려고 한다.
name: 'seo0', //문자 데이터
age: 100, //숫자 데이터
isValid: true //블린 데이터
};
//데이터이름: 실제데이터 이런식의 패턴을 키:벨류 형식이라고 한다.

console.log(user.name); //seo0
console.log(user.age); //100
console.log(user.isValid); //true

Array (배열 데이터)

-> 여러 데이터를 순차적으로 저장한다. []

 

let fruits = ['Apple', 'Banana', 'Cherry'] 
// []대괄호 사이에 순차적으로 저장할 수 있다. 
//문자 데이터가 순차적으로 제로 베이스 넘버링으로 저장되어있다.

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