[JavaScript] JS data type 2

2022. 8. 30. 18:06·JavaScript

Boolean

: True / False (on / off)


Null 

: 아무것도 없다는 뜻, 자연적으로 생기지 않고 variable안에 아무것도 없다, 비어있다는 것을 확실히 하기 위해 쓰인다. 값은 주어졌는데, 즉 값 자체는 있는데 그 값이 "비어있음"이라는 것


Undefined 

: 정의가 안되어있다는 것. 어떤 variable이 메모리에는 있는 데 값이 없고 주어지지 않은 경우. null과 달리 값 자체가 없음. 예를 들면 let something; 이런식으로 했을때 console.log(something); 했을 때 나오는 값.


Array 

: 하나의 variable안에 데이터의 list를 갖고 싶을 때 사용
ex. const daysOfWeek = ["mon", "tue", "wed"]
daysOfWeek.push("thu") : 리스트 마지막에 추가

const daysOfWeek = ["mon", "tue", "wed"]

//리스트 마지막에 추가
daysOfWeek.push("thu")

 

Object

object는 property를 가진 데이터를 저장해주며, { } 를 사용한다.

const player = {
name : tomato,
color : red,
food : true,
};

console.log(player);


property를 불러오는 방법은 2가지가 있다.

//둘 다 tomato 실행
console.log(player.name); 
console.log(player["name"]);


또한 property를 바꾸는 것은 가능하지만 선언된 object를 바꾸는 것은 불가능하다. constant 자체를 수정하는 것은 불가하지만 constant안의 것, object의 내용을 수정하는 것은 괜찮다.

const player = {
name : tomato,
color : red,
food : true,
};

player.color = "blue";

// "blue" 출력
console.log(player.color);


그리고 property를 추가 할 수도 있다.

//출력 시 {name: "tomato", color: "blue", food: true, koreaName: "토마토"}
player.koreanName = "토마토";

'JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트로 시계만들기  (0) 2022.09.24
[JavaScript] document  (0) 2022.09.01
[JavaScript] Function 2  (0) 2022.08.31
[JavaScript] Function  (0) 2022.08.30
[JavaScript] JS data type  (0) 2022.08.27
'JavaScript' 카테고리의 다른 글
  • [JavaScript] document
  • [JavaScript] Function 2
  • [JavaScript] Function
  • [JavaScript] JS data type
youjeong_choi
youjeong_choi
  • youjeong_choi
    youjeong
    youjeong_choi
  • 전체
    오늘
    어제
    • 분류 전체보기 (101)
      • HTML, CSS (7)
      • JavaScript (19)
        • 모던 자바스크립트 딥다이브 (4)
      • ReactJS (17)
      • TIL (15)
      • WIL (17)
      • 알고리즘 (17)
      • 네트워크 (5)
      • Vue (4)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    혼공스
    항해99리액트숙련주차
    무한렌더링
    알고리즘
    모던자바스크립트딥다이브
    리액트 라우트
    리액트
    항해99주특기
    항해99리액트
    파이썬
    알고리즘 문제
    항해99
    자바스크립트
    항해99 주특기
    선언적 함수
    익명 함수
    항해99 실전프로젝트
    리액트 라이프 사이클
    피니아
    항해99주특기리액트
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
youjeong_choi
[JavaScript] JS data type 2
상단으로

티스토리툴바