Hey fellow creators

You've never quite known what the difference was between Slice and Splice in Javascript? Dive in!

If you prefer to watch the video version, it's right here :

1. Slice.

Slice will return a new array from an existing one. For example:

const array = ["kiwi", "strawberry", "lemon", "peach", "grape"];
const slicedArray = array.slice(0,2)

console.log(slicedArray)

Here, slicedArray will return the existing array from index 0 to index 1 without including it, meaning the first two elements of array, kiwi and strawberry.

2. Splice.

Splice, however, will not return a new array but will simply remove or replace a portion of the existing array.

const array2 = ["kiwi", "strawberry", "lemon", "peach", "grape"];
array2.slice(0,1)

console.log(array2)

It will remove an element from the beginning of the index, meaning the first fruit will be removed from the array.

You can also replace an element with another one:

const array2 = ["kiwi", "strawberry", "lemon", "peach", "grape"];
array2.slice(0,1, "lime")

console.log(array2)

Here, "kiwi" will be replaced by "lime", but there will still be 5 elements to the array.

Know the difference now? As you can see, it's not that hard ;)

Come and take a look at my Youtube channel: https://www.youtube.com/c/TheWebSchool

See you soon!

Enzo.