ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでオブジェクトを作成する方法

JavaScriptでオブジェクトを作成する方法

下次还敢
リリース: 2024-05-08 22:24:20
オリジナル
335 人が閲覧しました

JavaScript でオブジェクトを作成するには、オブジェクト リテラル構文、コンストラクター、Object.create() メソッド、およびクラス構文 (ES6) の 4 つの方法があります。オブジェクトのプロパティは、ドット演算子または角括弧表記を使用してアクセスおよび変更できます。また、プロパティの削除には削除演算子を使用できます。

JavaScriptでオブジェクトを作成する方法

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

以上がJavaScriptでオブジェクトを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート