JavaScript Spread Operator

Modern JavaScript

About Lesson

In this JavaScript lesson we are going to talk about JavaScript Spread Operator, so it is used with arrays and its syntax is exactly the same as that of Rest Operator. and it is used to split the content of an array.

Let’s create an example.

let a = [1,2,3,4,5];
let b = [6,7,8,9];


let c = [...a, ...b]

console.log(c);

let a = [1,2,3,4,5];

let b = [6,7,8,9];

let c = [...a, ...b]

console.log(c);

Also we can use with the strings.

let hello = ['Hello', 'World'];
console.log(hello);
console.log(...hello);

let hello = ['Hello', 'World'];

console.log(hello);

console.log(...hello);

some time we need to convert a string in to list of characters, than we can use spread operator.

let name = "Parwiz";
console.log(name);

console.log(...name);

let name = "Parwiz";

console.log(name);

console.log(...name);

We can use spread operator with the objects.

let obj1 = {

   name:'Parwiz',
   lastname:'Forogh'
   

};


let obj2 = {

   email:'par@gmail.com',
   phone: 123456,
   ...obj1


};

console.log(obj2);

let obj1 = {

name:'Parwiz',

lastname:'Forogh'

};

let obj2 = {

email:'par@gmail.com',

phone: 123456,

...obj1

};

console.log(obj2);

Thank you for visiting my website! If you enjoyed the free courses, please consider supporting my works on Patreon.

Exercise Files

No Attachment Found