JavaScript Tip: Using slice and splice

slice and splice are two Array methods that sound very similar but are very distinct. In this tutorial we will describe both methods and look at examples that show how they work.
For more resources on JavaScript:

[joonpak]

Super helpful! But I’ll probably have to watch this six times or so to really get it in my brain!

[kidszone]

I clearly got an idea on both splice and slice array function working method after watched this video. Very useful. Thanks a lot

[phljytm]

Awesome tutorial !!!
THX for help!!

[ThuHuyen-qwnn]

Thank you sir, that's a very clear explanation

[owonubijobsunday]

Thank you very much. It was so helpful.

[gatewaywebdesign]

THANK YOU for this clear and concise explanation.

[stevenberg]

I dont think there could have been an easier way to explain this! Thanks!

[jainshilpi]

thanku so much really very helpful...please make some video of json(dyanic json loading from url)?

[rook]

I just spent all morning wrecking my head trying to figure out what you succinctly said in 30 seconds. Thank you!

[didacticoTECNOLOGICO]

thank you teacher I'm so so emotion because I am building a web for to learn to pronunce and maybe some day you will see to work, but while i need to learn the language first. This is the better explication, explanation in the world. I don't know to say in english. God bless you mister. greetings from Port Montt of Chile.

[arvindmishra]

can't stop myself from subscribing.

[fuzzydark]

I did myself a brainwash after this because I understood it better than the video was meant to teach it to me, I'll quick explain you how this thing works:

when you set the number of the arguments, let's say: "let array = [1, 2, 3, 4, 5, 6];"
we want to slide the first three numbers of it, so: "let arrayslice = array.slice(0, 3)"
We get those three numbers but why? If we use any other language, with it's equivalent method, we'll see it takes the fourth number as well...


The thing is that the args numbers (which we use to define the "start" and "stop" of the slice method) are actually the index of the commas, so we could think of "I'll get the first comma, until it gets to the fourth comma", so that would result in having the first three numbers, because the fourth number is after that fourth comma.
It's complicated at first but as soon as you get it, it's like some primary school stuff...


Ok so that's all, if missunderstood anything please tell me...

[akshay__sood]

On point!!!

Can you cover shift, unshift, flat etc

[UrbanBDKNY]

So splice can be used as replace in a way. You can remove an item at an index and replace it with a new value

[JD-kfki]

Can I use the splice method to delete every other element?

[Vikram]

Can you please create video for React or Node.js as well ?
Also I'm looking for real world code base where I can contribute to practice JS concepts, without applying to real world project; I won't be able to get confidence.
Thanks in advance.

[peterhuang]

thank you for this. This was linked by someone from team tree house

[BillBrutzman]

Good but _ why use array elements 1, 2, 3, 4, 5 corresponding to positions 0, 1, 2, 3, 4? Consider using 10, 11, 12, 13, 14 instead.

[onepointperspective]

anyone knows why 3 is deleted for the last example? :(

[dawdacolley]

Why are you using a white background on your tutorials. I think it is known fact that sighted people find it difficult with white background. Please consider the fact that one like cannot complete watching your tutorail even it is the best out there simply because of this. Too many colors nice background colors on all editors but so sad live is behind for us.