List of Destructive and Non-Destructive JavaScript Array Methods

A list of destructive and non-destructive JavaScript array methods for those of us who can't always remember.

thumbnail for List of Destructive and Non-Destructive JavaScript Array Methods

I can never remember which JavaScript Array methods are destructive and which are non-destructive.

A destructive method modifies the original array that the method is being run on. An example of this is pop:

const instruments = ["Guitar", "Drums", "Keyboard"];
instruments.pop();
// instruments = ["Guitar", "Drums"]

A non-destructive method does not modify the original array and instead returns a shallow copy of the original value. An example of this is map:


const instruments = ["Guitar", "Drums", "Keyboard"];
instruments.map(instrument => `${instrument} toot`);
// instruments = ["Guitar", "Drums", "Keyboard"]

Destructive Methods

Non-Destructive Methods

Was this page helpful?

Subscribe to my Newsletter

Every other week I publish the Curiously Crafted newsletter.

In it, I explore the intersection of curiosity and craft: the people who make stuff, what they make and the way they pursue the craft of making.

The curious logo of Chase Adams: glasses and a bow tie.stay curious.