Propagé

Étaler sur la concaténation de plusieurs tableaux

Spread Operator en javascript permet aux tableaux d'être développés en tant qu'éléments, ce qui est utile lors de la concaténation de plusieurs tableaux. Par exemple,

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]

lorsque nous devons passer plusieurs arguments dans un appel de fonction, la propagation est d'une grande aide pour rendre notre code beaucoup plus lisible et propre,

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

nous pouvons également générer la copie d'un tableau selon nos besoins à l'aide de spread en javascript.

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 est similaire à Spread en ce qui concerne sa syntaxe, mais est complètement opposé en termes de fonctionnement.

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!

Conclusion

Pour terminer tout cela, l'opérateur Spread est utilisé pour déstructurer un tableau en ses éléments individuels, tandis que l'opérateur reste est utilisé pour construire un tableau à partir des éléments donnés.