JavaScriptでオブジェクトにフィールドを追加する方法


  1. ドット記法を使用する方法:

    // オブジェクトの作成
    const obj = {
     existingField: '既存の値'
    };
    // フィールドの追加
    obj.newField = '新しい値';
    // 結果の表示
    console.log(obj);

    出力:

    {
     existingField: '既存の値',
     newField: '新しい値'
    }
  2. ブラケット記法を使用する方法:

    // オブジェクトの作成
    const obj = {
     existingField: '既存の値'
    };
    // フィールドの追加
    obj['newField'] = '新しい値';
    // 結果の表示
    console.log(obj);

    出力:

    {
     existingField: '既存の値',
     newField: '新しい値'
    }
  3. Object.assign()メソッドを使用する方法:

    // オブジェクトの作成
    const obj = {
     existingField: '既存の値'
    };
    // フィールドの追加
    const newObj = Object.assign({}, obj, { newField: '新しい値' });
    // 結果の表示
    console.log(newObj);

    出力:

    {
     existingField: '既存の値',
     newField: '新しい値'
    }

これらの方法を使用することで、JavaScriptのオブジェクトに新しいフィールドを追加することができます。