The task is to perform a push operation without using the push() method with the help of JavaScript. There are two approaches that are discussed below.
Approach 1: Use the length property to insert the element at the end of the array.
Example: This example implements the above approach.
html
< body style = "text-align: center;" > < h1 style = "color: green;" > neveropen </ h1 > < h3 > Alternatives of push() method in Javascript </ h3 > < p id = "GFG_UP" ></ p > < button onclick = "myGFG()" > Click Here </ button > < p id = "GFG_DOWN" ></ p > < script > var arr = ["Element 1", "Element 2", "Element 3", "Element 4"]; var up = document.getElementById("GFG_UP"); up.innerHTML = "Array = [" + arr + "]"; var element = "Element x"; var down = document.getElementById("GFG_DOWN"); function myGFG() { arr[arr.length] = element; down.innerHTML = "Elements of array = [" + arr + "]"; } </ script > </ body > |
Output:
Approach 2 Use the [] notation to insert the element at the end of the array.
Example: This example implements the above approach.
html
< body style = "text-align: center;" > < h1 style = "color: green;" > neveropen </ h1 > < h3 > Alternatives of push() method in Javascript </ h3 > < p id = "GFG_UP" ></ p > < button onclick = "myGFG()" > Click Here </ button > < p id = "GFG_DOWN" ></ p > < script > var arr = ["Element 1", "Element 2", "Element 3", "Element 4"]; var up = document.getElementById("GFG_UP"); up.innerHTML = "Array = [" + arr + "]"; var element = "Element x"; var down = document.getElementById("GFG_DOWN"); function myGFG() { arr = [arr, element]; down.innerHTML = "Elements of array = [" + arr + "]"; } </ script > </ body > |
Output: