Ausbreitung

Spread on Verkettung mehrerer Arrays

Der Spread-Operator in Javascript ermöglicht die Erweiterung von Arrays als ihre Elemente, was nützlich ist, wenn mehrere Arrays verkettet werden.

const a = ["a","b","c"]
const b = ["d","e","f"]
const c = ["g","h","i"]

const d = a.concat(b).concat(c)

const d = [...a,...b,...c]

//When logging d into console we get the same output i.e 
// ["a","b","c","d',"e","f","g","h","i"]

const d = [...a,"whatever",...b,"whatever2",...c]

Wenn wir mehrere Argumente in Funktionsaufrufen übergeben müssen, ist Spread eine große Hilfe, um unseren Code viel lesbarer und sauberer zu machen.

function add(a,b,c){
  console.log(`The sum is: ${a+b+c}`)
}
const numbers = [1,2,3]
add(...numbers)

//Output
// The sum is: 6

Wir können auch die Kopie eines Arrays nach Bedarf mit Hilfe von Spread in Javascript erstellen.

const a = ["a","b","c"]
const b = [...a]

b.push("d")
console.log(a)
console.log(b)

//Output:
// [ 'a', 'b', 'c' ]
//[ 'a', 'b', 'c', 'd' ]

Rest ist ähnlich wie Spread in Bezug auf seine Syntax, aber in Bezug auf seine Funktionsweise völlig entgegengesetzt.

function sayHello(name,...topics){
    topics.map((topic) => 
    console.log(`Sometimes ${topic} is more art than ${topic}, ${name}!`)
    )
}
sayHello("Morty","Science","Programming")

//Output:
//Sometimes Science is more art than Science, Morty!
//Sometimes Programming is more art than Programming, Morty!

Fazit

Um all dies aufzulösen, wird der Spread-Operator verwendet, um ein Array in seine einzelnen Elemente zu zerlegen, während der Rest-Operator verwendet wird, um ein Array aus den gegebenen Elementen zu erstellen.