JavaScript에서 개체 생성, 사용 및 속성 삭제하기

9/25/2023
3 minutes to read

JavaScript에서 개체는 데이터와 기능을 함께 그룹화하는 중요한 도구입니다. 이 아티클에서는 JavaScript에서 개체를 생성, 사용 및 속성을 삭제하는 방법에 대해 알아보겠습니다.

1. 개체 리터럴을 사용한 개체 생성

개체 리터럴은 중괄호 {}를 사용하여 개체를 정의하는 간단한 방법입니다. 개체 내부에는 키와 값의 쌍으로 구성된 속성들이 있습니다.

1.1 기본 개체 리터럴

let person = {
    name: "홍길동",
    age: 25
};
console.log(person.name);  // 홍길동

1.2 메서드 포함 개체 리터럴

개체 리터럴 내부에 함수를 포함하여 메서드를 정의할 수 있습니다.

let personWithMethod = {
    name: "홍길동",
    age: 25,
    sayHello: function() {
        console.log("안녕하세요, " + this.name + "입니다.");
    }
};
personWithMethod.sayHello();  // 안녕하세요, 홍길동입니다.

2. 생성자 함수를 이용한 개체 생성

다양한 인스턴스를 만들 수 있는 생성자 함수를 이용하여 개체를 생성할 수 있습니다.

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayHello = function() {
        console.log("안녕하세요, " + this.name + "입니다.");
    };
};
let person1 = new Person("홍길동", 25);
let person2 = new Person("이순신", 40);
person1.sayHello();  // 안녕하세요, 홍길동입니다.

3. ES6 클래스를 사용한 개체 생성

ES6부터는 클래스 문법을 사용하여 더 직관적으로 개체를 생성할 수 있습니다.

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    };
    sayHello() {
        console.log(`안녕하세요, ${this.name}입니다.`);
    };
};
let person3 = new Person("홍길동", 25);
person3.sayHello();  // 안녕하세요, 홍길동입니다.

4. `delete` 연산자를 사용한 개체의 속성 삭제

delete 연산자는 개체의 속성을 삭제하는데 사용됩니다. 이 연산자로 삭제한 속성은 개체에서 완전히 제거됩니다.

let personToDelete = {
    name: "홍길동",
    age: 25
};
console.log('name' in personToDelete);  // true
delete personToDelete.name;
console.log('name' in personToDelete);  // false