자바스크립트에서 객체를 생성하는 방법

JavaScript에서 객체를 생성하는 방법에는 객체 리터럴 구문, 생성자, Object.create() 메서드 및 클래스 구문(ES6)의 네 가지 방법이 있습니다. 점 연산자나 대괄호 표기법을 통해 객체 속성에 접근하고 수정할 수 있으며, 삭제 연산자를 사용하여 속성을 삭제할 수 있습니다.

JavaScript에서 객체를 만드는 방법

소개
객체는 JavaScript에서 데이터를 저장하는 기본 구조입니다. 이를 통해 데이터를 키-값 쌍으로 구성하여 쉽게 액세스하고 조작할 수 있습니다.

객체 생성
JavaScript에서 객체를 생성하는 방법에는 여러 가지가 있습니다.

• 객체 리터럴 구문: 객체를 생성하는 가장 빠르고 쉬운 방법입니다.

<code class="js">const person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer",
};</code>

• 생성자: 객체 속성 초기화를 담당하는 생성자를 사용하여 객체를 생성할 수 있습니다.

<code class="js">function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

const person = new Person("John Doe", 30, "Software Engineer");</code>

• Object.create(): 이 메서드는 지정된 프로토타입 개체에서 속성과 메서드를 상속하는 새 개체를 만듭니다.

<code class="js">const person = Object.create({
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer",
});</code>

• 클래스 구문(ES6): 클래스는 객체를 생성하는 보다 현대적인 방법을 제공합니다.

<code class="js">class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }
}

const person = new Person("John Doe", 30, "Software Engineer");</code>

객체 속성에 액세스
점 연산자(.) 또는 대괄호 표기([])를 사용하여 객체 속성에 액세스할 수 있습니다. .）或方括号表示法（[]）访问对象属性：

<code class="js">console.log(person.name); // John Doe
console.log(person["age"]); // 30</code>

修改对象属性
可以使用与访问属性相同的方法修改对象属性：

<code class="js">person.name = "Jane Doe";
person["age"] = 31;</code>

删除对象属性
可以使用 delete

<code class="js">delete person.occupation;</code>

🎜 수정 개체 속성 🎜🎜 개체 속성은 속성 액세스와 동일한 방법을 사용하여 수정할 수 있습니다: 🎜rrreee 🎜🎜 개체 속성은 삭제할 수 있습니다 🎜🎜 delete 연산자를 사용하여 개체 속성은 삭제할 수 있습니다: 🎜rrreee

위 내용은 자바스크립트에서 객체를 생성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!