Skip to main content Accessibility Feedback

Adding items to an array with vanilla JavaScript

You can use the push() method to add items to an array.

var sandwiches = ['turkey', 'tuna', 'blt'];
sandwiches.push('chicken', 'pb&j');

// returns ['turkey', 'tuna', 'blt', 'chicken', 'pb&j']
console.log(sandwiches);

Merging two arrays together #

What if you want to add an array of values rather than a single value? You can use Array.prototype.push.apply() to merge two or more arrays together. It merges all subsequent arrays into the first.

var sandwiches1 = ['turkey', 'tuna', 'blt'];
var sandwiches2 = ['chicken', 'pb&j'];
Array.prototype.push.apply(sandwiches1, sandwiches2);

// returns ['turkey', 'tuna', 'blt', 'chicken', 'pb&j']
console.log(sandwiches1);

// returns ['chicken', 'pb&j']
console.log(sandwiches2);

Browser Compatibility #

These techniques work in all modern browsers, and back to at least IE6.


🚀 Make 2018 the year you master JavaScript! My pocket guides and mini courses are short, focused, and made for beginners. You can do this!

Have any questions or comments about this post? Email me at chris@gomakethings.com or contact me on Twitter at @ChrisFerdinandi.

Get Daily Developer Tips