Javascript: Spread Operator
WEB front-end

Javascript: Spread Operator


What is Spread Operator?

ES6 provided a new operator called spread operator that consists of three dots (...). The spread operator allows you to expand arguments for function calls, elements for array or key-value pairs for object.

Example you have a function take 3 numbers as argument and calculate volume.

Before we have spread operator if we have an numbers array and need to pass to this function one by one like this:

Using the spread operator, you can tidy this invocation up nicely:

How to use Spread Operator?

  • Use with Array
  • Use with Function
  • User with Object


In this post, I have introduced the spread operator that came with ES6. We will continue to dig into the real benefits that it provides in the next post. Thank you all for reading.