Object 목적: 의미가 있는(설명) property를 가진 데이터를 저장하도록 그룹화해준다.
Object 기본 및 결과
const playerName = "nico";
const playerPoints = 121212;
const playerHandsome = false;
const playerFat = "little bit";
const player = ["nico", 1212, false, "little bit"];
이 복잡한 나열을 최선의 방법으로 정리하고 싶을 때,


같은 방법
1.
console.log(player.name);
2.
console.log(player["name"]);
Object를 업데이트하고 싶을 때
const player = {
name: "nico",
points: 10,
handsome: false,
fat: true,
};
console.log(player);
// const안의 무언가를 업데이트 하고 싶을 때
player.fat = false;
console.log(player);
※ 단, 주의할 건.
const player = {
name: "nico",
points: 10,
handsome: false,
fat: true,
};
console.log(player);
// const 전체를 하나의 값으로 업데이트 하려고 할 때 에러 발생!!!
player = false;
console.log(player);
const 는 object이므로, boolean으로 바뀌며 에러가 발생할 것이다.
Object에 무언가를 추가하고 싶을 때
1. 문자 추가
const player = {
name: "nico",
points: 10,
handsome: false,
fat: true,
};
console.log(player);
// object에 뭔가 추가할 때
player.lastName = "tomato";
console.log(player);
2. 숫자 추가
const player = {
name: "nico",
points: 10,
handsome: false,
fat: true,
};
console.log(player);
// object에 뭔가 추가할 때
player.points = player.points + 15;
console.log(player.points);
요약
const player = {
name: "jiyoung",
age: 23,
};
console.log(player);
// name을 yimjiyoung으로 업데이트하고 싶을 때
player.name = "yimjiyoung";
console.log(player);
// sexy: soon을 추가하고 싶을 때
player.sexy = "soon";
console.log(player);
'개발언어 > JavaScript' 카테고리의 다른 글
Conditionals : 조건문 (if,else) (0) | 2021.08.25 |
---|---|
Function(코드를 캡슐화해서, 실행을 여러번 가능) (0) | 2021.08.25 |
Array [설명이 필요하지 않은 데이터 리스트들] (0) | 2021.08.24 |
Booleans(true,false,null, undefined) (0) | 2021.08.24 |
Variable을 만드는 방법(const,let,var) (0) | 2021.08.24 |