ホームページ > 記事 > ウェブフロントエンド > JavaScriptでオブジェクトを作成する方法
JavaScript でオブジェクトを作成するには、オブジェクト リテラル構文、コンストラクター、Object.create() メソッド、およびクラス構文 (ES6) の 4 つの方法があります。オブジェクトのプロパティは、ドット演算子または角括弧表記を使用してアクセスおよび変更できます。また、プロパティの削除には削除演算子を使用できます。
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>
<code class="js">const person = Object.create({ name: "John Doe", age: 30, occupation: "Software Engineer", });</code>
<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以上がJavaScriptでオブジェクトを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。