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

  • 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

결론

JavaScript에서 개체는 데이터와 함수를 그룹화하는 중요한 도구입니다. 개체 리터럴, 생성자 함수, 클래스 문법 등 다양한 방법으로 개체를 생성하고, delete 연산자를 통해 속성을 삭제할 수 있습니다. 원하는 방식을 선택하여 개체를 만들어보세요!

VisualAcademy Docs의 모든 콘텐츠, 이미지, 동영상의 저작권은 박용준에게 있습니다. 저작권법에 의해 보호를 받는 저작물이므로 무단 전재와 복제를 금합니다. 사이트의 콘텐츠를 복제하여 블로그, 웹사이트 등에 게시할 수 없습니다. 단, 링크와 SNS 공유, Youtube 동영상 공유는 허용합니다. www.VisualAcademy.com
박용준 강사의 모든 동영상 강의는 데브렉에서 독점으로 제공됩니다. www.devlec.com