Как работает мутабельность

Мутабельность — это возможность изменять объект после его создания. В JavaScript примитивы (строки, числа, булевы) иммутабельны, а объекты (массивы, объекты) — мутабельны.

Пример мутабельности:

const arr = [1, 2, 3];
arr.push(4); // мутация исходного массива
console.log(arr); // [1, 2, 3, 4]

Пример иммутабельности:

const str = 'hello';
str.toUpperCase(); // создаёт новую строку
console.log(str); // 'hello' (не изменилась)

Мутабельность может приводить к неожиданным сайд-эффектам, особенно при работе с React, где важна предсказуемость состояния. Для избежания мутаций используют:

• spread оператор ([...arr])
• Object.assign
• библиотеки типа Immer