オブジェクトの任意の場所に条件次第で入れたり入れなかったりできるようにしたい

はじめに

私は株式会社qnoteにて、勉強会の幹事を務めております。
2023年度勉強会の珠玉のネタを2023Qiitaアドベントカレンダーに投稿していこうと思います。

対象者

この記事は下記のような人を対象にしています。

• 駆け出しエンジニア
• プログラミング初学者

結論

オブジェクトの任意の場所に条件次第で入れたり入れなかったりできるようにするには、スプレッド構文を使いましょう！

解説

オブジェクトの任意の場所に条件次第で入れたり入れなかったりできるようにしたい場合、下記のようにしましょう！

const obj = {
	a: 'aaaa',
	...(condition && { b: 'bbbb' }),
	c: 'cccc',
}

// condition === true
{
	a: 'aaaa',
	b: 'bbbb',
	c: 'cccc',
}

// condition === false
{
	a: 'aaaa',
	c: 'cccc',
}

おわりに

オブジェクトの任意の場所に条件次第で入れたり入れなかったりする手法についてまとめました。

参考記事