Modify object value in array inside map

Question

Trying to modify object value in array on condition on some arrays the override does not work, here is my snippet

const removeAction = (target, array, name) => {
        let mutation = JSON.parse(JSON.stringify(array));
        mutation.map( obj => {
            if(obj.value === target.value) {
                console.log(obj)
                obj.checked = false
            } 

            return obj
        })

        console.log(mutation)
        removeCallback(mutation, name)
    }

and I get back the original object in array. How do I debug this issue?

Answer 1

const modifiedArray = JSON.parse(JSON.stringify(array)).map(...

Answer 2

Map always returns new instance of array. So either assign that mutated map to some variable or loop over and mutate the original array.

Answer 3

You could take the mapped objects with destructuring the object and an updated property.

const
    removeAction = (target, array, name) => {
        removeCallback(array.map(obj => ({
            ...obj,
            checked: obj.value === target.value ? false : obj.checked
        })), name)
    };