반응형
객체는 { } 를 이용하여 생성하고 class 처럼 변수와 메소드를 넣어줄 수 있다.
// 1. 객체 생성
let obj1 = new Object(); // 객체 생성자
let obj2 = {}; // 객체 리터럴
// 2. 객체 프로퍼티 (속성)
let person = {
name: "DY", // key : value
age: 33,
hobby: "soccer",
extra: function () {
console.log("print extra");
},
"like cat": false,
};
// 3. 객체 프로퍼티를 다루는 방법
// 3.1 특정 프로퍼티에 접근하는 방법 (점 표기법, 괄호 표기법)
let name = person.name;
console.log("obj name is ", name);
let age = person["age"];
let property = "hobby";
let hobby = person[property];
// 3.2 새로운 프로퍼티를 추가하는 방법
person.job = "SW developer";
person["favoriteFood"] = "pizza";
console.log("obj ", JSON.parse(JSON.stringify(person)));
/*
{
"name": "DY",
"age": 33,
"hobby": "soccer",
"like cat": false,
"job": "SW developer",
"favoriteFood": "pizza"
}
*/
console.log("change obj");
// 3.3 프로퍼티를 수정하는 방법
person.favoriteFood = "Chicken";
// 3.4 프로퍼티를 삭제하는 방법
delete person.job;
delete person["favoriteFood"];
console.log("obj ", JSON.parse(JSON.stringify(person)));
/*
{
"name": "DY",
"age": 33,
"hobby": "soccer",
"like cat": false
}
*/
// 3.5 프로퍼티 존재 유무를 확인하는 방법 (in 연산자)
let result1 = "name" in person;
let result2 = "favoriteFood" in person;
console.log(result1); // true
console.log(result2); // false
반응형
'JavaScript' 카테고리의 다른 글
[JavaScript][기초] 배열, 객체의 구조분해 할당 (0) | 2024.06.30 |
---|---|
[JavaScript][기초] Truthy & Falsy (0) | 2024.06.23 |
[JavaScript][기초] 콜백 함수 (0) | 2024.06.23 |
[JavaScript][기초] 함수 선언 (0) | 2024.06.16 |
[JavaScript][기초] 연산자 (0) | 2024.06.16 |