名もなきノンプログラマーの備忘録

ノンプロの視点からプログラミング?について好き勝手に書き綴ります。

【JavaScript】配列の要素を一気に引数にする(...array) スプレッド演算子

配列の要素を一気に引数にする

配列と関数の引数ってなんか似ていませんか?

下記のような状態になっているとします。

var fruites = ['orange','apple','melon'];

function echo(x,y,z){
    alert(x + ' ' + y + ' ' + z);
}

今までのやり方(古すぎてすみません)

echo(fruites[0], fruites[1], fruites[2]); 
// alertで「orange apple melon」と出力

新しいやり方(新しいかどうか不明)

echo(...fruites);
//ドット3つの後に配列名を記載。
// alertで「orange apple melon」と出力

便利……すぎる。やったことがない方も、ぜひやってみてください。配列を一気に引数にする場合には、これからはこれを使いましょう(汗)。「スプレッド演算子」というそうです。