Example 1: three dots in js
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]
Example 2: javascript ... operator three dots
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
// ... 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
Example 3: three dots in javascript
// 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"}
Example 4: make dots in three js
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 );
Example 5: 3 dots to get all object properties in JS
this.setState(prevState => {
return {foo: {...prevState.foo, a: "updated"}};
});