[JS] 객체 기초

cojet·2022년 10월 18일
0

JavaScript

목록 보기
2/3
post-thumbnail

1. 선언(Declaration)

리터럴 방식으로 생성
생성자 함수로 생성

객체는 Key-Value 형태로 데이터를 저장할 수 있다.

리터럴 방식으로 생성

const obj1 = {};
const obj2 = { name: "kim", level: "10" };

생성자 함수로 생성

const obj3 = new Object();

2. 반복문

생성

const obj = {
  key1: "1",
  key2: "2",
  key3: "3",
};

for of

for (const value of obj) {
  console.log(value);
}

note
객체는 iterable이 아니기때문에 TypeError가 발생한다.
하지만 Object.keys() 또는 Object.valeus()를 통해 값을 가져올수 있다.

for (const key of Object.keys(obj)) {
  console.log(key);
}
------------------output--------------------
// key1
// key2
// key3


for (const value of Object.values(obj)) {
  console.log(value);
}
------------------output--------------------
// 1
// 2
// 3

3. 객체 다루기

추가, 수정, 제거

const table = {
  name: "yern",
  level: "10",
};

table.class = "magician"; // { name: 'yern', level: '10', class: 'magician' }
table.level = '25'; // { name: 'yern', level: '25', class: 'magician' }
delete table.name; // { level: '25', class: 'magician' }

접근

console.log(table.class); // magician
console.log(Object.keys(table)); // [ 'level', 'class' ]
console.log(Object.values(table)); // [ '25', 'magician' ]

0개의 댓글