Why does the data in State change when an element is removed from another array?

Question

JavaScript

I don’t want the state to change, but I can’t understand what is the relationship of the state with this array

export const SHOW_RESULTS_WHEN_NOTHING = (state) => {
    let selectedFilters = {...state.selected.filters},
        arrayWithFilters = []; //Я удаляю элемент с этого массива, ниже в фориче, и тот же элемент удаляется из объекта стейте state.selected.filters

    for (let filter in selectedFilters) {
        arrayWithFilters.push(selectedFilters[filter])
    }

    arrayWithFilters.forEach((filter) => {

        if (filter.values.includes('qcontrast')) {

            filter.values.splice('qcolor', 1);
            console.log(filter)

        }
    })

}

Answer 1

you are not deleting from the array, but from the object that lies in the array (filter.values). The same object lies in another array, wherever you change it, it will change everywhere.
Make a complete copy of each element in arrayWithFilters.push(...).