Javascript “shift” versus “splice” - are these statements equal?

Question

I just want to confirm if the following two Javascript statements produces the same results, as it seems to me:

First:

var element = my_array.splice(0,1)[0];

Second:

var element = my_array.shift();

I want to substitute the first by the second, in my own code, to improve readability. Can I do this?

Answer 1

They will have the same effect, yes. splice(0, 1) will remove the first element from my_array and return a new array containing that element. shift will do the same, but return the element itself, not an array.

shift is more readable (in my opinion) and is also significantly faster (in Chrome at least):

Answer 2

Both lines of code remove the first element from the array, and return the removed element, they are both supported in all major browsers.

You should use the second one, and the code will be more readable indeed.

Answer 3

shift returns the element that was removed, splice returns an array of elements that were removed.

that being said, the two statements do the same thing and i would agree that the second is more readable.

Answer 4

splice will return as an array but not remove data from the object instead make a copy

---

shift just give one data from front and also remove from object

---

For example,

const object = {1}
object.slice(); // return [{1}]
//object will be : {1}
object.shift(); // return {1}
//object will be : {} as shift remove the front data