You're probably familiar with
shift. They come in handy for sure, if you want to add and remove elements from the beginning or the end of the array.
However, there are a TON of different scenarios where you will need to insert and remove array elements from any position.
This is worth memorizing cold!
Let's start with an array of animals...
const animals = ['😺' , '🙉' , '🧞','🦊', '🦁', '🐯', '🐵'];
Wait! There's a genie in the list at index 2. Not sure how that snuck in there 😂. Let's go ahead and remove that array element.
const genieIndex = 2; animals.splice(genieIndex,1); console.log(animals); // => ['😺' , '🙉' ,'🦊', '🦁', '🐯', '🐵'];
splice(index,1) removes the array element located at
index. Very simple.
🐶 is feeling left out, so let's add him into the array at
index equal to 2.
Again, we can use the splice array method.
const index = 2; animals.splice(index, 0,'🐶'); console.log(animals); // => ['😺' , '🙉' ,'🐶','🦊', '🦁', '🐯', '🐵'];
splice(index, 0,'🐶') inserts the dog emoji at position
Now there are definitely more sophisticated array manipulations you can do with
splice. However, start by memorizing how to add and remove array elements with
splice. You'll thank me later!
If you enjoyed this article please check out my blog