【JavaScript】スプレッド構文(Spread Syntax)とは? 2021年7月27日 JavaScript スプレッド構文(Spread Syntax)とは、「…foo」の形で記述され、配列やオブジェクトの要素を文字通り展開する構文のことをいいます。 例:配列の場合 See the Pen SpreadSyntax01 by PlusOne (@pluseone) on CodePen. 例:オブジェクトの場合 See the Pen SpreadSyntax02 by PlusOne (@pluseone) on CodePen. ■ネストしている場合 配列・オブジェクトの両方において、ネストしている場合gは注意が必要です。 下記のとおり、クローンした子要素は元の配列・オブジェクトを参照しています。 See the Pen SpreadSyntax03 by PlusOne (@pluseone) on CodePen. これを解決するには、ネストしている配列・オブジェクトも分割してスプレットする必要があります。 See the Pen SpreadSyntax04 by PlusOne (@pluseone) on CodePen. この記事を読む 新しい記事 古い記事