[책] 자바스크립트 코드 레시피 278 - 54일차

객체 선언, 수정, 확인하기

• 객체의 속성을 변경하고 싶을 때

구문

{ } → 객체를 초기화
{키: 값, 키; 값, ...} → 객체를 초기화
객체[] → 값을 가져오기
객체.키 → 값을 가져오기
객체[키] = 값 → 값을 변경하기
객체.키 = 값 → 값을 변경하기

넣고 싶은 데이터를 {} 로 감싸서 객체를 정의하며, 데이터 타입의 제한은 없습니다. 키 : key 를 사용해 객체의 데이터를 불러오거나 값을 변경할 수 있습니다.

실습

const object = {}; // 빈 객체
console.log(object);

const person = {
    id: 1,
    name: '행복해',
    age: 30,
};
console.log(person); // 데이터 객체
console.log(person.id); // 데이터 객체의 id의 값 1
console.log(person['name']); // 데이터 객체의 name의 값 행복해

// 데이터 객체의 값 변경하기
person.id = 2;
person['name'] = '홍길동';
console.log(person.id); // 2
console.log(person['name']); // 홍길동

---

존재하지 않는 키(key) 불러오면 undefined 반환합니다.

const object = {}; // 빈 객체
console.log(object);

---

객체의 속성은 데이터 타입이 다양한 배열과 객체 등을 다양하게 저장할 수 있습니다.
다양하게 저장하더라도 [키] .키 사용해 불러오기와 변경이 가능합니다.

const response = {
    result: true,
    list: [
        {
            id: 1,
            name: '좋아해',
            age: 30,
        },
        {
            id: 2,
            name: '네소식',
            age: 29,
        }
    ]
}
// 데이터 확인하기
console.log(response.list[0].name); // 좋아해

// 데이터 객체 변경하기
console.log(response.list[1].name = '길동'); // 길동

---

함수 타입도 저장할 수 있습니다.

// 클래스 데이터 객체
const myClass = {
    method_1: function() {
        console.log('첫번 째 메소드 실행');
    },
    method_2: () => {
        console.log('두번 째 메소드 실행');
    },
}
myClass.method_2(); // 두번 째 메소드 실행