JavaScript - Insert Elements at a Given Position in an JS Array

JavaScript - Insert Multiple Elements in JS Array

Last Updated : 15 Nov, 2024

These are the following ways to insert multiple elements in JavaScript arrays:

1. Using bracket Notation(Simple and Efficient for Small Array)

The Bracket can be used to access the index of the given array and we can directly assign a value to that specific index.

JavaScript

let a = [2, 3, 4];
a[3] = 1;
a[4] = 5;
console.log(a);

Output

[ 2, 3, 4, 1, 5 ]

2. Using splice() Method (Efficient for Large Array)

The splice() method can be used to insert elements to the given array, as it takes parameter where you have to add the position where you want to insert the element, the number of elements you want to remove(in this cse it is 0 as we are adding elements) and then the value that you want to insert.

JavaScript

let a = [10, 20, 30, 40];
a.splice(a.length, 0, ...[50, 60, 70]);
console.log(a);

Output

[
  10, 20, 30, 40,
  50, 60, 70
]

3. Using spread Operator(Efficient for Large Array)

This method creates a new array to insert elements. The JavaScript spread syntax (...) can be used to add multiple elements in the JS array. we can directly assign the array values to the new array.

JavaScript

let a1 = [2, 3];

// Inserts 0 at the start
let a2 = [0, 1, ...a1];
console.log(a2);

// Inserts 4,5 at the end
let a3 = [...a1, 4, 5];
console.log(a3);

Output

[ 0, 1, 2, 3 ]
[ 2, 3, 4, 5 ]

JavaScript - Insert Elements at a Given Position in an JS Array

A

amit_singh27

Improve

Article Tags :

Similar Reads

JavaScript - Insert Elements at the End of JS Array

To insert elements at the end of a JS array, the JavaScript push() method is used.JavaScriptlet a = [10, 20, 30, 40]; a.push(50); console.log(a);Output[ 10, 20, 30, 40, 50 ] Table of ContentUsing Built-In MethodsWriting Your Own MethodUsing Built-In MethodsThe JavaScript push() method is used to ins

JavaScript - Insert Element in an array

In JavaScript elements can be inserted at the beginning, end, and at any specific index. JS provides several methods to perform the operations.At the Beginning This operation inserts an element at the start of the array. The unshift() method is commonly used, which mutates the original array and ret

JavaScript - Insert Elements at a Given Position in an JS Array

To insert an element at a specific position in a JavaScript array, the JS splice() method is used. JavaScriptlet a = [10, 20, 30, 40]; let e = 50; let i = 2; a.splice(i - 1, 0, e); console.log(a);Output[ 10, 50, 20, 30, 40 ] Table of ContentUsing built-in MethodWriting Your Own MethodUsing built-in

JavaScript - Insert Elements at the Beginning of JS Array

To insert an element at the beginning of a JS array, the JavaScript unshift() method is used.JavaScriptlet a = [1,2,3,4] // Inserting element a.unshift(0) console.log(a)Output[ 0, 1, 2, 3, 4 ] Table of ContentUsing Built-in MethodsWriting Your Own MethodUsing Built-in MethodsThe JS unshift() method

JavaScript - Inserting Multiple Items at Specific Index in JS Array

We can insert an item into Array at a specific index using the JavaScript Array splice method. This method removes the elements from the mentioned index and add items at that specific position.1. Using array.splice() MethodJavaScript array.splice() Method is an inbuilt method in JavaScript that is u

JavaScript - Insert Character in JS String

In JavaScript, characters can be inserted at the beginning, end, or any specific position in a string. JavaScript provides several methods to perform these operations efficiently.At the BeginningTo insert a character at the beginning of a string, you can use string concatenation or template literals

Remove Elements From a JavaScript Array

Here are the various methods to remove elements from a JavaScript ArrayRemove elements from Array1. Using pop() methodThe pop() method removes and returns the last element of an array. This function decreases the length of the array by 1 every time the element is removed.javascriptlet a = ["Apple",

Insert at the Beginning of an Array in JavaScript

Following are different ways to add new elements at the beginning of an array1. Using the Array unshift() Method - Most Used:Adding new elements at the beginning of the existing array can be done by using the Array unshift() method. This method is similar to the push() method but it adds an element

Split an Array into Chunks in JavaScript

Here are different methods to split an array into chunks in JavaScript.1. Using slice() MethodThe array slice() method returns a new array containing the selected elements. This method selects the elements starting from the given start argument and ends at, but excluding the given end argument. Synt

How are elements ordered in a Map in JavaScript ?

In JavaScript, a new object called Map was introduced in the ES6 version. A map is a collection of elements where each element is stored in a key, value pair. Map objects can store both objects as well as primitive data types. The elements of a map are iterable. Elements are always iterated in the i