JavaScript .with()

The .with() method modifies the value of an element in an array. Since .with() is a copying method, it creates a new array.

Syntax

arrayName.with(index, value);

.with() takes the following parameters:

• index: The location of the array element to be altered.
• value: The updated value for the array element.

Examples

Create and modify an array of colors.

let favoriteColors = ['blue', 'red', 'brown', 'grey'];

// Updating red to purple

favoriteColors.with(1, 'purple');

console.log(favoriteColors);

Copy to clipboard
Copy to clipboard

This results in the following output:

blue, red, brown, grey

Copy to clipboard
Copy to clipboard

Note: .with() was used to change 'red' to 'purple' in the example above. However, console.log(favoriteColors) still prints red. The reason is that .with() does not modify an array, it returns a new array.

// Create an array of favorite colors.

let favoriteColors = ['blue', 'red', 'brown', 'grey'];

console.log(favoriteColors.with(1, 'purple'));

Copy to clipboard
Copy to clipboard

This results in the following output:

blue, purple, brown, grey

Copy to clipboard
Copy to clipboard