How to Run a Database Query in a JS File?

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.

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.

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.

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 ]

How to Run a Database Query in a JS File?

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. [GFGTABS] JavaScript let a = [10, 20, 30, 40]; a.push(50); console.log(a); [/GFGTABS]Output[ 10, 20, 30, 40, 50 ] Table of Content Using Built-In MethodsWriting Your Own MethodUsing Built-In MethodsThe JavaScript push

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. [GFGTABS] JavaScript let a = [10, 20, 30, 40]; let e = 50; let i = 2; a.splice(i - 1, 0, e); console.log(a); [/GFGTABS]Output[ 10, 50, 20, 30, 40 ] Table of Content Using built-in MethodWriting Your Ow

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. [GFGTABS] JavaScript let a = [1,2,3,4] // Inserting element a.unshift(0) console.log(a) [/GFGTABS]Output[ 0, 1, 2, 3, 4 ] Table of Content Using Built-in MethodsWriting Your Own MethodUsing Built-in Methods

Insert Elements in a JS 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 re

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 literal

Remove Elements From a JavaScript Array

Here are the various methods to remove elements from a JavaScript Array 1. 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. [GFGTABS] javascript let a = ["Apple",

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

Add Elements to a JavaScript Array

Here are different ways to add elements to an array in JavaScript. 1. Using push() MethodThe push() method adds one or more elements to the end of an array and returns the new length of the array. Syntax array.push( element1, element2, . . ., elementN );[GFGTABS] JavaScript const arr = [10, 20, 30,

How to Iterate over Set elements in JavaScript?

We will iterate over set elements in JavaScript. A set is a collection of unique elements i.e. no element can appear more than once in a set. Below are the approaches to iterate over set elements in JavaScript: Approach 1: Using for...of loopThe forâ€¦of loop iterates over the iterable objects (like A

How to append an element in an array in JavaScript?

These are the following ways to append an element to the JS array: 1. Using Array.push() MethodJavaScript array.push() Method is used to add one or more elements to the end of the array. [GFGTABS] JavaScript let a = [ 10, 20, 30, 40, 50 ]; a.push(90); console.log(a); [/GFGTABS]Output[ 10, 20, 30, 40