ES6 Spread Operator

by andyjmeyers

HTML

<div id='testa'>Calling a function by turning an array into individual parameters:</div>
<div id='test1'></div>
<div id='testb'>Joining two arrays into a third one by using the spread operator on both:</div>
<div id='test2'></div>

JavaScript

var oldList = ["pluto", "charon"];
var newList = ["styx", "nix", "kerberos", "hydra"];

function spreadList(planet, moon){
    document.getElementById('test1').innerHTML = JSON.stringify({planet:planet, moon:moon});
}
spreadList(...oldList);

document.getElementById('test2').innerHTML = JSON.stringify([...oldList, ...newList]);