Redux Deep Copying Array, даже если они остаются неизменными?

Question

Если мое состояние выглядит следующим образом:

const initialState = { 
    color: 'blue', 
    sizes: ['S', 'M', 'L'], 
} 

И я хочу, чтобы изменить цвет, мой редуктор должен вернуть это право:

return { ...state, color: newColor }; 

Но не государство по-прежнему ссылаются на старый массив? Это считается мутацией, хотя я не изменяю массив? Будет ли это лучше?

return { 
    ...state, 
    color: newColor, 
    sizes: state.map.sizes(size => size) 
} 

А что, если массив содержит объекты?

const initialState = { 
    color: 'blue', 
    sizes: [ 
    { color: 'red', size: 'S' }, 
    { color: 'green', size: 'M' }, 
    { color: 'blue', size: 'L' } 
    ], 
} 

Означает ли это, что я должен сделать это, чтобы избежать мутации состояния?

return { 
    ...state, 
    color: newColor, 
    sizes: state.map.sizes(item => { ...item }) 
} 

Кроме того, есть причина Object.assign и оператор распространения предпочтительнее делать JSON.stringify и JSON.parse?

Answer 1

Нет, это не мутация. То, что вы делаете, прекрасно.

Посмотрите:

const obj1 = { 
    a: 1, 
    b: 2, 
    c: 3 
}; 

const obj2 = { 
    ...obj1, 
    c: 4 
}; 

Ни в какое время является любой член первого объекта изменяется, когда второй объект создается.

В ситуации Redux (или действительно, в любое время в кодовой базе FP с чистыми функциями) нет вреда в обмене ссылками, если ссылки равны только для чтения.

Это означает, что когда вы создаете новый объект, его свойства могут с радостью быть прямыми ссылками на свойства другого объекта, если вы не мутируете какие-либо под-свойства (поскольку эти вспомогательные свойства будут общими объектами).