객체란?

자바스크립트에서 객체는 키-값 쌍의 집합으로, 복잡한 데이터를 구조화하는 데 사용됩니다. 객체는 다양한 형태의 데이터(숫자, 문자열, 배열, 다른 객체 등)를 포함할 수 있습니다. 객체는 중괄호 {}로 정의하며, 각 키는 문자열 또는 심볼이며, 값은 다양한 데이터 타입이 될 수 있습니다.

 

객체 생성 예제

 

// 객체 생성
const person = {
    name: "Alice",
    age: 30,
    isStudent: false,
    hobbies: ["reading", "travelling"],
    greet: function() {
        console.log(`Hello, my name is ${this.name}`);
    }
};

// 객체 속성 접근
console.log(person.name); // Alice
console.log(person.age); // 30
console.log(person.hobbies[0]); // reading

// 메서드 호출
person.greet(); // Hello, my name is Alice

 

설명

1. 객체 생성: const person에서 name, age, isStudent, hobbies, greet라는 속성을 가진 객체를 생성합니다.
2. 속성 접근: 객체의 속성에 접근할 때는 person.name과 같이 점(.) 표기법을 사용하거나, person["name"]과 같이 대괄호 표기법을 사용할 수 있습니다.
3. 메서드: greet는 객체의 메서드로, 객체의 다른 속성을 사용할 수 있습니다. this 키워드는 현재 객체를 참조합니다.

이와 같은 방식으로 객체를 사용하여 복잡한 데이터를 효과적으로 구조화하고 조작할 수 있습니다.

 

자바스크립트 객체의 속성은 쉽게 변경, 추가 및 삭제할 수 있습니다.

객체 속성 변경

객체의 속성은 점(.) 표기법 또는 대괄호([]) 표기법을 사용하여 변경할 수 있습니다.

 

const person = {
    name: "Alice",
    age: 30,
};

// 속성 변경
person.age = 31; // 점 표기법
person["name"] = "Bob"; // 대괄호 표기법

console.log(person); // { name: "Bob", age: 31 }

 

객체 속성 추가

새로운 속성을 추가하는 것도 마찬가지로 점(.) 표기법이나 대괄호([]) 표기법을 사용할 수 있습니다.

 

// 속성 추가
person.hobbies = ["reading", "travelling"]; // 점 표기법
person["isStudent"] = true; // 대괄호 표기법

console.log(person); 
// { name: "Bob", age: 31, hobbies: ["reading", "travelling"], isStudent: true }

 

객체 속성 삭제

delete 연산자를 사용하여 객체의 속성을 삭제할 수 있습니다.

 

// 속성 삭제
delete person.isStudent;

console.log(person); 
// { name: "Bob", age: 31, hobbies: ["reading", "travelling"] }