🔥 Quick Tip: Update an array and avoid mutation

On this simple trick I'll show how to remove an element from the array and add another one at the same index.

const people = ['John', 'Robert', 'Sylvia'];
const robertIndex = 1;

const slicedPeople = [...people.slice(0, robertIndex), 'Joe', ...people.slice(robertIndex+1, people.length)];

console.log(slicedPeople); // => output: ["John", "Joe", "Sylvia"];

What did you think of this tip? Feel free to comment.

Comments

[Karran Besen]

Awesome, I think it won't be too hard to make a helper function that looks like ramda`s update with this snippet

[Helder Burato Berto]

Thanks for the comment!
A thing I like to do is reproduce the methods for these packages like lodash,ramda to better understand what is doing on the deep side.

[Samuel Huang]

so this doesn't mutate the people array but creates a new one, slicedpeople, with elements from people right?

[Helder Burato Berto]

Yep! Avoiding the mutation in the "people" array :)