JavaScript - Array with() method

Well, forget about the old and ugly way to update the value of some array.

const people = ["Kristiyan","Emiliyan", "Sally"];

people[2] = "Simon";

Result: ["Kristiyan", "Emiliyan", "Simon"]; 

Description

The with() method changes the value of a given index in the array, returning a new array with the element at the given index replaced with the given value. The original array is not modified. This allows you to chain array methods while doing manipulations.

The with() method never produces a sparse array. If the source array is sparse, the empty slots will be replaced with undefined in the new array.

The with() method is generic. It only expects the this value to have a length property and integer-keyed properties.

---

Example

const people = ["Kristiyan","Emiliyan", "Sally"];

people.with(2, "Simon");

Result: ["Kristiyan", "Emiliyan", "Simon"]; 

Browser's compatibility

---

If you like my work and want to support me to work hard, please donate via:

Revolut website payment or use the QR code above.

Thanks a bunch for supporting me! It means a LOT 😍

Comments

[eboye]

No Firefox, no ♥️

[Kristiyan Velkov]

yeah, so sad!

[Jai Ganesh J]

What is the browser compatibility for this method?

[Kristiyan Velkov]

Very good question. Thank you!
I will update the article with this information.

Best regards,
Kristiyan