본문 바로가기

개발/JavaScript

바닐라 JS - Array, Object

 

 

데이터 구조

Array(배열)

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];

// Get Item from Array
console.log(daysOfWeek);

// Add one more day to the array
daysOfWeek.push("sun");

console.log(daysOfWeek);

배열 생성시 대괄호([ ])를 사용하고 쉼표(,)로 구분

0부터 숫자를 입력해 해당 위치 값을 불러낼 수 있음

예) daysOfWeek[3] = thu

 

array에 값을 추가할 때

예) daysOfWeek.push("sun");

 

array 값 업데이트

daysOfWeek[4] = "friday";

 

결과

 

Object(객체)

const player = {
    name: "jaja",
    points: 10,
    fat: false,
};
console.log(player);
console.log(player.name);
console.log(player["name"]);

player.fat = "nope";
player.lastName = "apple";
player.points = player.points + 20;
console.log(player);

 

object 생성 시 중괄호({ })를 사용하고 쉼표로 구분

업데이트, 추가

변수명.property명 = "값";

 

결과

 

'개발 > JavaScript' 카테고리의 다른 글

바닐라 JS - Events  (0) 2021.08.25
바닐라 JS - document object  (0) 2021.08.23
바닐라 JS - Conditionals  (0) 2021.08.10
바닐라 JS - function  (0) 2021.08.05
바닐라 JS - Data type, Variable  (0) 2021.07.30