[TypeScript] 配列を展開する？！「…」 Spread operator(スプレッド構文)

2020年9月10日 propg TypeScript, 0

ネットで拾ってきたコードに書いてあった”…”という記述。

邪魔だと思って削除したら動かず、ネットで調べてみました。

Spread operatorというらしく、配列を展開してくれるようです。

const value1 = [1, 2, 3, 4, 5];
console.log(value1); // --> [1, 2, 3, 4, 5]

先頭に…をつけると配列が展開される

console.log(…value1); // --> 1 2 3 4 5

配列を結合するときなどに便利

const value1 = [1, 2, 3, 4, 5];
const value2 = [6, 7, 8, 9, 10];
const result = […value1, …value2]; // --> [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

便利だけど見た目で何が行われるか全く分からないので、あまり多用しないほうがいいですね。

配列の結合はこのやり方をしなくてもいいですし。

関数の引数へパラメータとして渡すときに使うと便利そうです。

== ランキングに参加しています。ぜひクリックお願いします ==

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。