The three dots operator in JavaScript is one of the significant updates that was shipped with ES6. This operator (...) helps you achieve many things that previously required many lines of code, unfamiliar syntax, and more. In this short article, you will learn what the three dots operator means and

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

The three dots operator in JavaScript is one of the significant updates that was shipped with ES6. It helps you achieve many things that previously required many lines of code, unfamiliar syntax, and more. We will go through some examples to show possible use cases. We can also concatenate objects similarly to how we did arrays with the spread operator. The rest operator allows you to combine any number of arguments into an array and then do whatever you like. It uses an array to represent an infinite number of options. It is a good representation.

... in JavaScript – the Three Dots Operator in JS

How to Use the Spread Operator in JavaScript

How to Use the Rest Operator in JavaScript

Difference Between the Spread and Rest Operators in JavaScript

Hey <a href="https://app.daily.dev/olawanlejoel" data-mention-id="VH6VyRyKoqhdVOhX10Coo" data-mention-username="olawanlejoel">@olawanlejoel</a>
Seems typo error here:
let userName = { name: “John Doe” };
let userSex = { sex: “Female”, name: “Jane Doe” };
let user = { …userName, …userSex }; // { name: “Jane Doe”, age: 10 }
Update the above comment with this.
// { name: ‘Jane Doe’, sex: ‘Female’ }

This is interesting, I was actually planning to write something on the same topic, but you got it covered already 🤝

<blockquote>
In JavaScript, you use the spread operator to expand an iterable inside a specified receiver
</blockquote>
I liked this sentence a lot…

very basics about spread.
I would add destructing in function args with some props renaming.
Also what happens when destructing object contains not primitive value? E.g
{…{id: 1, address: {street: ‘asd’, …}}}
is address shallow or deep copy?