techsith, time and again, shows that teaching is a gift; amazing examples - and to the point. Well done! Your work, time and effort in producing them are fully appreciated.
3:17 You should do this with Array.from(arguments); Also, parameters can be left out entirely if you were to do it the other way: Array.prototype.slice.call(arguments);
1.16 it is actually the rest operator in that scenario, as you are collecting unknown quantity of arguments into the new array n. Opposite use, i.e. to dismember an array, but used in a function call would be the spread operator.
the big difference between the spread operator and the rest parameters is actually the place in which we use each of them. So the spread operator is used in the function call. While the rest operator is used in the function declaration.
Thank you for another great video! I always click like / thumbs up and I am subscribed! I would like to see some real world examples (or additional examples) using the spread operator.
Very helpful videos. I like the idea of not having you in a small window at the right bottom corner any more but now you are floating on the screen background (-;
+techsith Thank you sir .. i shall go through it. and also curious to see your video on the same subject thats going to come in 2 weeks. Because your way of teaching is very very unique.
this is just same as pushing every element of (arr2) to the (a) array if you have to do this just use ( a.push(...arr2); ) This is same as ( Array.prototype.push.apply(a,arr2); )
var a = [1, 2, 3]; var b = [4, 5, 6]; What's the difference between a.push(...b); a.concat(b); a.concat(...b); The output in two last ones is [1, 2, 3, 4, 5, 6, 4, 5, 6]. Could someone please explain why?
var n = [11,12,13]; var n1 = function(a,b,c, ...n){ console.log(arguments); }; console.log(n1(1,2,4)); Answer : { '0': 1, '1': 2, '2': 4 } // why 11,12 and 13 are not in the n1's arguments
When turnings the array like object of 'arguments' into an array, you can simply do: let args = Array.from(arguments); for simplicity sake instead of the Array.prototype.slice.call funkiness. Also you should be using 'let' and 'const' instead of 'var' for declaring variables.
Damn, this guy could look like hes 20 whenever he want's! Anyway, wanna add that this dosen't work : function foo (a, ...n, b) { console.log(a); console.log(b); } foo(1,2,3,4,5); // SyntaxError: Rest parameter must be last formal parameter :(
Perhaps you might want to also include below syntax too for merging arrays, assuming a and b are also arrays
var c = [...a,...b]
techsith, time and again, shows that teaching is a gift; amazing examples - and to the point. Well done! Your work, time and effort in producing them are fully appreciated.
3:17
You should do this with Array.from(arguments);
Also, parameters can be left out entirely if you were to do it the other way:
Array.prototype.slice.call(arguments);
Great video - I see this operator used all over the place in projects at work. This is the best explanation I have seen! And who doesn't love toast?!
Dear lord, that thumbnail.
Rick , in this crazy world of cat meme i found irresistible not to use this thumbnail. :)
How else can he catch your attention? lol
1.16 it is actually the rest operator in that scenario, as you are collecting unknown quantity of arguments into the new array n. Opposite use, i.e. to dismember an array, but used in a function call would be the spread operator.
I give every techsith video a thumbs up.
Always good.
That's amasing and really helpfull video, It's must be in top!
Can't stop watching your videos, I am addicted and subscribed :D
Thanks for subscribing Vinay!
'go to heaven' didn't expect that come out 😂🤣
i was like "wow this is gonna get morbid...wait..wut"
it got real, real quick.
Thank you, great explanation on spread operator and rest parameter!
Thanks for watching cynthia. Keep on learning!
the big difference between the spread operator
and the rest parameters
is actually the place in which we use each of them.
So the spread operator is used in the function call.
While the rest operator is used in the function declaration.
You have a great teaching style. Straight to the point and cover the major use cases real well! Thx!!
Thanks for watching Shane !
U re rocking..simply superb...need more videos.....I am not getting why 27 dislikes...
Thank you for making this video!
I just stumbled upon your channel: Thank You!
ES6 is very very fucking important these days to learn frameworks.
True that. new frameworks we only write in ES6 and later.
You are sooooo greeeaaaat!..as I said before. :) You're doing great job with ES6!
Looking forward for some TypeScript videos! ;)
Thanks for watching! Will build tutorials for TypeScript. wait for few weeks :)
Ok, i stand corrected, that is the best thumbnail on youtube! Sheesh, i wish we were in same team!
Thanks for appreciating the thumbnail . I go through lot of thinking on each thumbnail. :)
thanks brother you explained every use of spread operator.
Brilliant, once again! techsith. I really appreciate your effort, time and vision.
Thanks for watching ! :)
Thank you for video!!!
You remind of Dev Anand. Awesome videos as always
Hey brother...I really like your videos. Thanks!
Thanks sir.. your videos are the best for practice
and gives us some ideas to think on real stuff.
good explanation thanks
Very informative
Awesome😍🙏🏽
Thank you for another great video! I always click like / thumbs up and I am subscribed! I would like to see some real world examples (or additional examples) using the spread operator.
That give me a cool idea to make a video on practical applications of spread operator. I will work on it . Thanks for watching!
hi sir,here in this example the values inside the function x,will it be used????
YouReAwesome= ["you're awesome", "best tutorial ever", "easy to follow"]; thankYou=["thank you sooo much",...YouReAwesome]; LOL
clean and up to the point!
[1,2,3].concat([4,5,6])
not a big problem.
… is really usefull as deep copy operator:
b = { …a }
yes. a good one. thanks for sharing.
@gopher @@Techsithtube can you explain what is this, and what is deep copy here?
We can use concate also to add to arrays in timestamp - 8:00 mins
Yes concate also work well .
He can joke with a straight face ... #BigRespectSir
Awesome video! I like it
I came for the thumbnail and stay for the content :)
Cats are always fun for the thumbnails. :)
thanku so much for this tutorial
You can also transform an arguments object to array by Array.from(arguments)
Yes, new Array.from method is quite handy.
Very helpful videos.
I like the idea of not having you in a small window at the right bottom corner any more but now you are floating on the screen background (-;
+Do D Haha. I thought about too much before doing it. Do you prefer me on the left corner instead of right? (-;
clean and to the point....
4:38 i used it at work. my boss was not amused
Is your boss old school? :)
thank you sir
Why is this video not viral!
Hi sir... as requested, i am eagerly waiting if you can make a video on creating a sample JS API using the whole concepts you taught us.
+Koteswara Siva Kumar Devineni Yes, I am going to make a video building a js api. wait for another two weeks . thanks.
Or please suggest some book which helps in building JS API's, thank you
Here is a good site showing how to build your own javascript lib. code.tutsplus.com/tutorials/build-your-first-javascript-library--net-26796
+techsith Thank you sir .. i shall go through it. and also curious to see your video on the same subject thats going to come in 2 weeks. Because your way of teaching is very very unique.
So, both rest and spread operators have the same syntax but do opposite task?
think of this way, rest parameters nothing but when you pass parameters in a function using spread operator.
nailed it
Thanks a lot.
thanks!
Can anyone explain the difference between arguments and parameters in JavaScript.
fun(a, b) { }
fun(x, y);
a, b are parameters
x, y are arguments
is that Randy Rhoads on you?
Yes it is. It's an old tshirt
👌
It wasnt funny until he said it's a joke
:)
Understandable examples, please post more concepts on ES6 and TypeScript :)
Will do thanks for watching!
highly underrated, please do come back with more videos. maybe videos on React or Angular !
I do have a plan to create react video in next few months. Keep an eye on it
That life array tho
Haha that example: ['born',' learn to walk', 'learn js' ...dowhatever, 'go to heaven'] :'D
var x=function(){
console.log(arguments[0]);
};
x(1,2,3); this will give o/p=>1 how is this possible if arguments is not an array ??
Its an array like object but not array. if you do typeof(arguments) would not give you array
thnx ,man keep up the good work for the ones in need :)
Thanks
Array.prototype.push.apply(a,arr2)
I don't getting this line sir
😥
this is just same as pushing every element of (arr2) to the (a) array if you have to do this just use ( a.push(...arr2); ) This is same as
( Array.prototype.push.apply(a,arr2); )
4′45″ ...so when you pass an argument using
spread operator is called rest parameters.
var a = [1, 2, 3];
var b = [4, 5, 6];
What's the difference between
a.push(...b);
a.concat(b);
a.concat(...b);
The output in two last ones is [1, 2, 3, 4, 5, 6, 4, 5, 6]. Could someone please explain why?
you pushed twice on that is why you have entries twice.
var n = [11,12,13];
var n1 = function(a,b,c, ...n){
console.log(arguments);
};
console.log(n1(1,2,4));
Answer : { '0': 1, '1': 2, '2': 4 } // why 11,12 and 13 are not in the n1's arguments
Noice!!!
When turnings the array like object of 'arguments' into an array, you can simply do:
let args = Array.from(arguments);
for simplicity sake instead of the Array.prototype.slice.call funkiness.
Also you should be using 'let' and 'const' instead of 'var' for declaring variables.
+Nick yes var should not be used . thanks.
My parameters are better than the rest ;)
+Norema Nosini :) a good one mates!
whatever you are trying to explain its really good but what happen to you expression and accent. :D
:) crazy thumbnail makes you do crazy things.
Theivame....
Damn, this guy could look like hes 20 whenever he want's!
Anyway, wanna add that this dosen't work :
function foo (a, ...n, b) {
console.log(a);
console.log(b);
}
foo(1,2,3,4,5); // SyntaxError: Rest parameter must be last formal parameter :(
this = ...cringe;
never ever use that shirt again please.
+Joakim Mohn Thanks . yes i wont use that shirt again. :) thanks for noticing .