[JavaScript] Objects

Enini·2022년 5월 10일
0

JavaScript

목록 보기
6/30

1. object 시작하기 전

array 대신 object를 사용해야 할 때가 있다.

게임을 하나 만든다.

const playerName = "nini";
const playerPoints = 121212;
const playerPretty = true;
const playerFat = "little bit;

console.log(plyerName);

우리가 이전에 배웠던 방식으로 코드를 작성해보았다.
우리는 코딩을 할 때 데이터를 가능한 최선으로 정리하는 것을 목표로 해야 한다.

const player = ["nini", 121212, true, "little bit"];

위 코드는 간단하지만 각 값이 어떤 것을 의미하는지 알지 못한다.
true는 무엇을 의미하지? 121212는 무엇을 의미하지?

2. object

property를 가진 데이터를 저장한다.
값의 설명이 필요한 것들은 object를 사용한다.
요일과 같은 설명이 필요없는 것들은 array.

const player = {
	name: "nini",
    points: 121212,
    pretty: true,
    fat: "liitle bit"
};

console.log(palyer);
console.log(player.name);
console.log(player["name"]);

objet는 중괄호{}를 사용한다.
중괄호 안에서는 = 이 아닌 : 을 사용한다.

objet 안에서 업데이트도 가능하다.

const player = {
	name: "nini",
    points: 121212,
    pretty: true,
    fat: "liitle bit"
};

player.fat = false;

또한, 추가도 가능하다.

const player = {
	name: "nini",
    points: 121212,
    pretty: true,
    fat: "liitle bit"
};

player.lastName = "choi"
console.log(palyer);
{name: "nini", points: 121212, pretty: true, fat: "little bit", lastName: "choi"}
profile
안녕하세요! 만나서 반갑습니다!

0개의 댓글