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"]
Hey, I'm Chase. I help aspiring entrepreneurs and makers turn their ideas into digital products and apps.
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.