解説
「スプレッド」（spread）構文や演算子は、多くのプログラミング言語で見られます。
「...」などの記号を変数の前に書くことで、その変数内の要素を1つずつ取り出して展開することができます。
こうした機能は「アンパック」（unpack）と呼ばれることもあります。
言語によっては、説明の中でスプレッドとアンパックの両方が同じような意味で出てくることもあります。
サンプル
「スプレッドとアンパック」のサンプルです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>「スプレッドとアンパック」のサンプル</title>
<style> #output { font-size: 24px; line-height: 1.5; } </style>
</head>
<body>
<pre id="output"></pre>
<script>
window.addEventListener('DOMContentLoaded', e => {
// 出力用の関数
const print = function() {
const el = document.querySelector('#output');
el.textContent += [...arguments].map(x => JSON.stringify(x)).join(', ') + '\n';
};
const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = [...arr1, ...arr2];
print(arr3);
const obj1 = {a: 1, b: 2}
const obj2 = {c: 3, d: 4}
const obj3 = {...obj1, ...obj2}
print(obj3);
});
</script>
</body>
</html>
出力結果
[1,2,3,4]
{"a":1,"b":2,"c":3,"d":4}
フィードバックお待ちしております！
ご感想、解説してほしい用語、解説内容のアドバイスなどございましたら、FacebookやX（旧Twitter）などでお気軽に編集部までお寄せください。よろしくお願いいたします。
