オブジェクトを定義する際に、条件分岐で項目を追加したい。

Question

#概要
オブジェクトを定義する際に、条件分岐でtrueの場合、値を追加したいのですが、良い書き方がわかりません。

##このコードを。

const isTrue = true
if(isTrue){
  const data = {
    A1:'Hoge',
    B1:'Hoge',
    C1:'Hoge' // Trueの場合、この項目を追加したい。
  }
  await post(data)

}else{
  const data = {
    A1:'Hoge',
    B1:'Hoge',
  }
  await post(data)
}

##こんな感じに書きたい

const isTrue = true

const data = {
  A1:'Hoge',
  B1:'Hoge',
  if(isTrue){C1:'Hoge'} // Trueの場合、この項目を追加したい。
}
await post(data)

アドバイスお願い致します。

Answer 1

どうしてもifで条件分岐したくないのであれば、下記のような方法かなあと思います。

const isTrue = true
const c1 = isTrue? {C1: 'Hoge'} : null;

const data = {
  A1:'Hoge',
  B1:'Hoge',
  ...c1
}

console.log(data);

Answer 2

const data = {
  A1:'Hoge',
  B1:'Hoge'
};
if (isTure)
  data.C1 = 'Hoge';

変数がconstでも、プロパティを変更可能です。

Comments

[yuki_90453]

TypeScriptなんで型エラーになります。ts-ignoreできますけど、ちょっとイキマチですね。

[maisumakun]

dataに{C1?: string}を含むような型を振っておけば問題ありません。