potisanのプログラミングメモ

プログラミング素人です。昔の自分を育ててくれたネット情報に少しでも貢献できるよう、情報を貯めていこうと思っています。Windows環境のC++やC#がメインです。

JavaScript オブジェクトの初期化(オブジェクトリテラル)のプロパティサンプル

JavaScriptのオブジェクトの初期化(オブジェクトリテラル)で各種プロパティを設定するサンプルコードです。ここでは初期化のみ扱いますが、各プロパティは作成後も__defineGetter____defineSetter__などを使用して設定できます。

let i = 2; // 初期化にはこのiが使われます。
const prop2 = "prop2";
const obj1 = {
    prop1: 1,
    prop2, // prop2: "prop2"
    [Symbol.iterator]() {},
    i: 100,
    // 算出プロパティ
    ["computed"+(i++)]: i, // 3
    ["computed"+(i++)]: i, // 4
    ["computed"+(i++)]: i, // 5
    prop3: this.i, // undefined
    function1: function() {},
    function2() {},
    function3: () => {},
    generator1: function*() {},
    *generator2() {},
    get getter1() {}, // getterは0引数
    set setter1(value) {}, // setterは1引数
    i: 200, // プロパティのiは200で上書きされる。
};
console.log(i); // 5
console.log(obj1);
console.log(i); // 5

参考