I have been using splice method to replace array values but recently learned a newer way for this purpose, thus sharing it with the rest.

Out with the Old 🕰️ - Splice Method

Let's take a look at the newer way of replacing values in an array using the splice method:

const initialFruits = ["🍎", "🍌", "🍇", "🍊", "🍓"];
const newFruits = [...initialFruits];
newFruits.splice(3, 1, "🍍");
console.log(initialFruits);
// ["🍎", "🍌", "🍇", "🍊", "🍓"]
console.log(newFruits);
// ["🍎", "🍌", "🍇", "🍍", "🍓"]

Not only is this approach cumbersome, but it also lacks the clarity we crave in modern JavaScript development. 😩

In with the New 🆕 - With Method

Now, Let's take a look at the traditional way of replacing values in an array using the with method:

const initialFruits = ["🍎", "🍌", "🍇", "🍊", "🍓"];
const newFruits = initialFruits.with(3, "🍍");
console.log(initialFruits);
// ["🍎", "🍌", "🍇", "🍊", "🍓"]
console.log(newFruits);
// ["🍎", "🍌", "🍇", "🍍", "🍓"]

I found this method much more clearer than the older one. Let me know your thoughts. =)

Happy coding! 🎉💻✨

Follow me for more such content:
LinkedIn: https://www.linkedin.com/in/shameeluddin/
Github: https://github.com/Shameel123