Alternatives of push() method in JavaScript
The task is to perform 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.
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
Alternatives of push() method in Javascript
</
title
>
</
head
>
<
body
style
=
"text-align: center;"
>
<
h1
style
=
"color: green;"
>
GeeksforGeeks
</
h1
>
<
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
>
</
html
>
- Output:
Approach 2 Use the [] notation to insert the element at the end of array.
- Example: This example implements the above approach.
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
Alternatives of push() method in Javascript
</
title
>
</
head
>
<
body
style
=
"text-align: center;"
>
<
h1
style
=
"color: green;"
>
GeeksforGeeks
</
h1
>
<
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
>
</
html
>
- Output: