Notion app logo
Struggling to stay organized and effective? Learn to master your time and tasks with the Effectively Notion course!

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.

2023-01-06

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

Photo of Chase Adams

Hey, I'm Chase. I help aspiring entrepreneurs and makers turn their ideas into digital products and apps.

Freebies

Vector Arrow Scribbles
banner image for figma vector arrows scribbles

A figma community project of vectorized hand-drawn arrows.

Go To Figma
Vector Line Scribbles
banner for figma vector line scribbles

A figma community project of vectorized hand-drawn lines.

Go To Figma
Vector Shape Scribbles
banner image of figma vector shapes scribbles

A figma community project of vectorized hand-drawn shapes.

Go To Figma

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.

Online

I'm on almost all social media as @curiouslychase.

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