Understanding the JavaScript Push Function with Examples

What is the JavaScript Push Function?

In JavaScript, the push function is a built-in method that helps developers add elements to the end of an array. By utilizing the array's push method, a new element can be appended, resulting in a modified array with an updated length.

Push Function Syntax

The following syntax is used for the push function in JavaScript:

array.push(element1, element2, ..., elementN);

The push function accepts one or more elements as arguments, which will then be added to the end of the array.

JavaScript Push Function Examples

Let's take a look at a few examples that demonstrate how the JavaScript push function operates:

Example 1: Adding a single element to an array

const colors = ['red', 'blue', 'green'];
console.log(colors); // Output: ['red', 'blue', 'green', 'yellow']

Example 2: Adding multiple elements to an array

const colors = ['red', 'blue', 'green'];
colors.push('yellow', 'purple', 'orange');
console.log(colors); // Output: ['red', 'blue', 'green', 'yellow', 'purple', 'orange']

Example 3: Push function returning the new length of the array

const colors = ['red', 'blue', 'green'];
const newLength = colors.push('yellow');
console.log(newLength); // Output: 4


The JavaScript push function simplifies the process of adding elements to the end of an array. Whether you need to add a single element or multiple items, the push function is an essential tool for JavaScript developers. Remember to always utilize the array's push method, as it modifies the original array and updates its length accordingly.