Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Object initializer言語機能の使い方

Object initializer言語機能の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Object initializerオブジェクトは、JavaScriptで新しいオブジェクトを生成し、そのプロパティを初期化するための構文を表すオブジェクトです。波括弧{}の中にキーと値のペアをコロン:で区切って記述することで、オブジェクトを作成すると同時にプロパティを設定する記法です。例えば、{ name: 'Alice', age: 30 }のように記述し、複数のプロパティはカンマで区切ります。

ECMAScript 6以降では、{ name }のような変数名からの短縮記法、オブジェクト内で関数を定義する際のメソッド定義の短縮記法、そしてプロパティ名を動的に計算して指定する計算されたプロパティ名({ [expression]: value })など、より簡潔な記法が導入されています。

Object initializerは、JavaScriptでデータを構造化する上で不可欠な機能です。これによりコードは簡潔で可読性が向上し、開発者は直感的かつ効率的にオブジェクトを扱えます。これはJavaScriptにおけるオブジェクト作成の基盤となる重要な要素です。

公式リファレンス: Object initializer

構文(syntax)

1const myObject = {
2  property1: "value1",
3  property2: 123,
4  method1: function() {
5    return this.property1;
6  }
7};

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

関連プログラミング言語