JavaScript SPREAD OPERATOR in 4 minutes! 📖

// spread operator = ... allows an iterable such as an
// array or string to be expanded
// in to separate elements
// (unpacks the elements)
// ------------ EXAMPLE 1 ------------
let numbers = [1, 2, 3, 4, 5];
let maximum = Math.max(...numbers);
let minimum = Math.min(...numbers);
console.log(maximum);
// ------------ EXAMPLE 2 ------------
let username = "Bro Code";
let letters = [...username];
console.log(letters);
// ------------ EXAMPLE 3 ------------
let fruits = ["apple", "orange", "banana"];
let vegetables = ["carrots", "celery", "potatoes"];
let foods = [...fruits, ...vegetables, "eggs", "milk"];
console.log(foods);

[@BroCodez]

// spread operator = ... allows an iterable such as an
// array or string to be expanded
// into separate elements
// (unpacks the elements)
// ------------- EXAMPLE 1 -------------
let numbers = [1, 2, 3, 4, 5];
let maximum = Math.max(...numbers);
let minimum = Math.min(...numbers);
console.log(maximum);
// ------------- EXAMPLE 2 -------------
let username = "Bro Code";
let letters = [...username];
console.log(letters);
// ------------- EXAMPLE 3 -------------
let fruits = ["apple", "orange", "banana"];
let vegetables = ["carrots", "celery", "potatoes"];
let foods = [...fruits, ...vegetables, "eggs", "milk"];
console.log(foods);

[@swayampattanaik1522]

greatest takeaway: ``unpacks the elements ``

[@nihongo_]

W

[@5upl1an]

oh fuck yeah, *spread it*

[@Learnng__Simply]

😂 yeah babe

[@AngelCodes95]

Thanks bro. Very helpful for us visual learners.

[@raikashifali1]

Big fan 🪭 Sir!! 😅. Big fan

[@piotrmazgaj]

This is my seal. I have watched the entire video, understood it, and I can explain it in my own words, thus I have gained knowledge. This is my seal.

[@xzex2609]

Dear Bro , in the old days we used to use web page console, but if a program is just need a console and doesn't involve Html why you don't use vscode terminal , or output to log .it's way easier . I think by installing node.js we have console on the terminal. since this is your 2nd video teaching JS , and please like the other one make it around DOM , we don't want to play tic tac toe , I personally learn it just for front end web development , I prefer this way than learning flask

[@milos2785]

GREAT! Thanks for explaining!

[@ramonremz]

ok yeah this is the perfect way of explaining it. thanks!

[@DavidWTube]

Why the Spread Operator isn't three commas I'll never understand. (,,,spread)

[@jhoelzeballoszelada4636]

It looks visualy awful haha

[@xzex2609]

When you've said "shallow copy" , I think it's like the shallow copy in python, which changing a copy, will change the original one , but when I pop()ed an item from new array and the original one stayed intact , so I got confused why they are called shallow ? is it mean that other dimensions in the array, are behaving differently like in python. or this shallow has nothing to do with that shallow copy concept we have in python?

[@sayalimore1267]

It has nothing to do with python. "Creates a shallow copy of an array" actually means to create the copy of elements present inside an iterable. We are not copying the array, but just spreading out or separating the elements without actually affecting the original array as both the arrays have different references pointing out. Hope this helps.

[@xzex2609]

thanks , it seems that is a copy of the existing array , independent of the original one.@@sayalimore1267

[@adamczarny6482]

fucking game changer

[@ice-o3i]

Let comment = Math.random();

[@meghanam3948]

Next level

[@Gigglesaintlame]

Start of day 3💪🏼

[@siyapandey8799]

Useful

[@kathikr9360]

thank you

[@ShahidImtiaz-u2u]

👍

[@khalidelgazzar]

So good. Thanks!

[@hunin27]

ty bro

[@baster7537]

Thank you soo much bro,
You are always best.