potisanのプログラミングメモ

趣味のプログラマーがプログラミング関係で気になったことや調べたことをいつでも忘れられるようにメモするブログです。はてなブログ無料版なので記事の上の方はたぶん広告です。記事中にも広告挿入されるみたいです。

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

参考