The task is to perform unshift operation without using the unshift() method with the help of jQuery. There are two approaches that are discussed below:
Approach 1: We can use the Array concat() method which is used to join two or more arrays. Just pass the newElement as the arrays of size 1 and the rest of the array.
-
Example:
<!DOCTYPE HTML><html><head><title>How to perform the unshift() operationwithout using it in JavaScript</title></head><bodystyle="text-align:center;"><h1style="color:green;">GeeksforGeeks</h1><pid="GFG_UP"></p><buttononclick="myGFG()">Click Here</button><pid="GFG_DOWN"></p><script>var array = ['Geeks', 'GFG', 'Geek', 'GeeksforGeeks'];var up = document.getElementById("GFG_UP");up.innerHTML = "Array = [" + array + "]";var down = document.getElementById("GFG_DOWN");function myGFG() {var newElement = 'gfg';newArray = [newElement].concat(array);down.innerHTML = "Elements of array = ["+ newArray + "]";}</script></body></html> -
Output:
Approach 2: We can use the ES6 spread operator to perform the operation.
-
Example:
<!DOCTYPE HTML><html><head><title>How to perform the unshift() operation withoutusing it in JavaScript</title></head><bodystyle="text-align:center;"><h1style="color:green;">GeeksforGeeks</h1><pid="GFG_UP"></p><buttononclick="myGFG()">Click Here</button><pid="GFG_DOWN"></p><script>var array = ['Geeks', 'GFG', 'Geek', 'GeeksforGeeks'];var up = document.getElementById("GFG_UP");up.innerHTML = "Array = [" + array + "]";var down = document.getElementById("GFG_DOWN");function myGFG() {var newElement = 'gfg';newArray = [newElement, ...array];down.innerHTML = "elements of array = ["+ newArray + "]";}</script></body></html> -
Output: