JavaScript에서 개체 생성, 사용 및 속성 삭제하기
추천 자료: ASP.NET Core 인증 및 권한 부여
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
연산자를 통해 속성을 삭제할 수 있습니다. 원하는 방식을 선택하여 개체를 만들어보세요!
추천 자료: .NET Blazor에 대해 알아보시겠어요? .NET Blazor 알아보기를 확인해보세요!