three dots in javascript

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));
// expected output: 6

console.log(sum.apply(null, numbers));
// expected output: 6

/* Spread syntax (...) allows an iterable such as an array expression or string 
to be expanded in places where zero or more arguments (for function calls) 
or elements (for array literals) are expected, or an object expression to be 
expanded in places where zero or more key-value pairs (for object literals) 
are expected. */

// ... can also be used in place of `arguments`
// For example, this function will add up all the arguments you give to it
function sum(...numbers) {
  let sum = 0;
  for (const number of numbers)
    sum += number;
  return sum;
}

console.log(sum(1, 2, 3, 4, 5));
// Expected output: 15

// They can also be used together, but the ... must be at the end
console.log(sum(4, 5, ...numbers));
// Expected output: 15
var dotGeometry = new THREE.Geometry();
dotGeometry.vertices.push(new THREE.Vector3( 0, 0, 0));
var dotMaterial = new THREE.PointsMaterial( { size: 1, sizeAttenuation: false } );
var dot = new THREE.Points( dotGeometry, dotMaterial );
scene.add( dot );
// Extracts elements in Dict
let team = {
    lead: "Bob",
    num2: "Rob",
    num3: "Dog",
}
// team
{lead: "Bob", num2: "Rob", num3: "Dog"}

let students = {
    num1: "Andy",
    num4: "Ben",
    ...team
}
//students
{num1: "Andy", num4: "Ben", lead: "Bob", num2: "Rob", num3: "Dog"}const numbers1 = [1, 2, 3, 4, 5];const numbers2 = [ ...numbers1, 1, 2, 6,7,8]; // this will be [1, 2, 3, 4, 5, 1, 2, 6, 7, 8]this.setState(prevState => {
    return {foo: {...prevState.foo, a: "updated"}};
});