Thread by @ojhabhumika28

In javascript, Spread operator allows to mention elements of the items such as array/strings/objects one by one at the required place

Spread behaves just like when we take out playing cards from the box & spread them to play

#javascript

Check out the thread below to know more

👩‍🏫 Spread syntax can be used with

☝️elements that can be iterated/looped such as array or string
☝️objects

Note: the spread syntax loops through the object properties & add the key-value pairs to the new object

👩‍🏫 Spread syntax is accepted at three distinct places

1⃣ Function call - arguments list
myFunction(a, ...iterableObj, b)

2⃣ Array literals
[1, ...iterableObj, '4', 'five', 6]

3⃣ Object literals
{ ...obj, key: 'value' }

👩‍🏫 Spread in function calls

In cases, where you need to pass elements of an array as the arguments in a function call; the spread syntax can be used to mention arguments one by one

👩‍🏫 Spread in array literals is a powerful combination. It can be used to

☝️copy an array - one level deep
☝️merge two arrays
☝️create a new array by inserting the existing array at any index

👩‍🏫 Spread in object literals can be used to create/copy a new object or merge two objects

Follow me - @ojhabhumika28 for more threads, tips and quizzes on JavaScript ✨