0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

JavaScriptで使用する便利な構文

Last updated at Posted at 2023-06-25

スプレッド構文

スプレッド構文は、for…ofブロックで処理できるオブジェクト(配列など)を個々の値に展開するための構文。
メソッドに引数を渡すとき(実引数で利用するとき)に便利。

例えば、Math.maxメソッドに配列をそのまま引き渡しても、結果はNaNになる

console.log(Math.max(15, -3, 78, 1));     // 結果 : 78 (値を個々に渡した場合)
console.log(Math.max([15, -3, 78, 1]));   // 結果 : NaN (配列を渡した場合)

しかし、...を利用してスプレッド構文を使用すると、配列の中身が個々の値に分解され、正しい結果が返ってくるようになる

console.log(Math.max(...[15, -3, 78, 1]));   // 結果 : 78 (スプレッド構文を使用した場合)

もちろん変数を渡すことも可能

array = [15, -3, 78, 1];
console.log(Math.max(...array));     // 結果 : 78
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?