Add An Item To An Array Using JavaScript Splice()
Photo: Google

Add An Item To An Array Using JavaScript Splice()

Find out how to add an item to an array using JavaScript Splice(). The Array.splice() method is an inbuilt method in JavaScript which is used to modify the contents of an array by removing the existing elements and/or by adding new elements.

JavaScript Splice() Syntax

Here is the Splice() method syntax.

Splice() method’s parameters Description

  • start –– this is the position where an item will insert. This is required.
  • count –– how many items you want to remove. If it is set to 0, no item will remove. This is optional.
  • items –– comma-separated list of items you want insert at a specific position.

Note: Before adding an element to an array, we must know about its index position. Each array start with an index 0.

Insert an item at the beginning of an array using Splice()

We will insert an item at the first position, i.e.index 0.

Insert an item at the beginning of an array using splice()

Insert an item at a specific index of an array using Splice()

We want to insert an item at 2nd position i.e. index 1.

Insert an item at a specific index of an array using splice()

Insert multiple items in an array

Now, we want to insert multiple colors in the above array.

Insert multiple items in an array using splice()

Start is greater than the length of an array

If the start index of the inserting item is greater than the length of an array. The start will be set to the length of the array.

Start is greater than the length of an array

Start is negative

If negative, it will begin that many elements from the end of the array (with origin -1, meaning -n is the index of the nth last element and is therefore equivalent to the index of array.length – n)

Start is negative

Reference: developer.mozilla.org

Conclusion

We learned about various methods of inserting an item in an array using Splice() method. I hope you enjoyed this post.

Further Reading

Understanding Angular Modules and Its Types

Create Your Blog Site With Gatsby.js Static Site Generator

Sharing Files Anonymously Online Via OnionShare

Array.Prototype.Flat() or ES2019 Array Flat() function

Type Inference In TypeScript

Adesh

Hi, I am Adesh. I am a senior software engineer having more than 12 years of software development experience. I am a full stack developer and interested in writing the technical post on programming. I am currently working in New York City area.

This Post Has 2 Comments

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close Menu
%d bloggers like this: