今回はドット「...」が3つ並んだ構文、スプレッド構文について初心者向けに解説したいと思います。この構文を見たときは「このドットって何!?」と思われるかもしれませんが実は単純です。この機会に理解して使えるようにしましょう。「...」の正体ドットが3つ並んだコードは、スプレッド構文と呼ばれます。これがドットの正体になります。spreadは「広げる」「拡散する」といった意味になります。【結論】スプレッド構文とはスプレッド構文を一言で説明すると、大括弧[]や中括弧{}を外してくれるものです。言い換えれば、配列やハッシュ構造を展開してくれるものになります。スプレッド構文の例これだけ覚えてくれれば全然問題ありません!【具体例】スプレッド構文とはではスプレッド構文について具体的に見ていきましょう。スプレッド構文を使用することで、配列構造とオブジェクト構造を展開することができます。配列の場合シンプルに配列を展開したい場合は以下のように記述できます。3配列の中に要素を追加して新しい配列を生成したい場合は以下のように記述します。6]配列同士を結合したい場合は以下の記述になります。6]オブジェクトの場合オブジェクトの中に要素を追加して新しいオブジェクトを生成したい場合は以下のように記述します。3}オブジェクト同士を結合したい場合は以下の記述になります。3}オブジェクト同士の結合の際、同じ名前のプロパティが存在していた場合は上書きが実行されてしまうので注意しましょう。3}よくある使い方スプレッド構文を用いることで、変数の参照渡しを回避することができます。以下のようにスプレッド構文を用いずに変数を渡してしまうと、newNumがnumを参照してしまい、出力結果が同じになってしまいます。4]一方でスプレッド構文を使用して変数を渡してあげることで、変数の参照渡しを回避することができます。4]まとめドットが3つ並んだ構文はスプレッド構文と呼ばれる。スプレッド構文とは配列やハッシュ構造を展開してくれるものである。オブジェクト同士の結合の際、同じ名前のプロパティが存在していた場合は上書きが実行されてしまう。参考スプレッド構文:https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntaxJSのスプレッド構文を理解する:https://qiita.com/akisx/items/682a4283c13fe336c547今回はドット「...」が3つ並んだ構文、スプレッド構文について初心者向けに解説しました。yoshi19941117TechTechMedia【JavaScript】配列処理を実装できるmapメソッドについて初心者...【JavaScript】配列にある特定の要素のみを取得するfilterメ...Railsエンジニアちばよしはる銀座にあるヘルステック企業のRailsエンジニア。初心者から中級者向けに記事を更新しています。お酒とカレーと競馬が好き。TechTechMedia。