Копирование и сравнение

let a = 5;
let b = a;
b = 10;
a; // 5

5 === 5; // true

const a = { x: 1 };
const b = a;
b.x = 2;
a.x; // 2 — тот же объект

{} === {};   // false
[] === [];   // false

const a = {};
const b = a;
a === b;     // true

const copy = [...arr];
const copy2 = arr.slice();
const copy3 = Array.from(arr);

const copy = { ...obj };
const copy2 = Object.assign({}, obj);

const original = { user: { name: 'Алиса' } };
const copy = { ...original };

copy.user.name = 'Боб';
original.user.name; // 'Боб' — вложенный тот же

const deep = structuredClone(obj);

const deep = JSON.parse(JSON.stringify(obj));

function deepClone(value) {
    if (value === null || typeof value !== 'object') return value;
    if (value instanceof Date) return new Date(value);
    if (Array.isArray(value)) return value.map(deepClone);
    if (value instanceof Map) return new Map([...value].map(([k, v]) => [deepClone(k), deepClone(v)]));
    if (value instanceof Set) return new Set([...value].map(deepClone));

    const result = {};
    for (const [key, v] of Object.entries(value)) {
        result[key] = deepClone(v);
    }
    return result;
}

1 === 1;         // true
'а' === 'а';     // true
true === true;   // true
NaN === NaN;     // false

const a = { x: 1 };
const b = { x: 1 };
a === b; // false
a === a; // true

function shallowEqual(a, b) {
    const ka = Object.keys(a);
    const kb = Object.keys(b);
    if (ka.length !== kb.length) return false;
    return ka.every((k) => a[k] === b[k]);
}

function deepEqual(a, b) {
    if (a === b) return true;
    if (typeof a !== typeof b) return false;
    if (a === null || b === null) return false;
    if (typeof a !== 'object') return false;

    const ka = Object.keys(a);
    const kb = Object.keys(b);

    if (ka.length !== kb.length) return false;

    return ka.every((k) => deepEqual(a[k], b[k]));
}

import { isEqual, cloneDeep } from 'lodash';

isEqual({ a: 1 }, { a: 1 }); // true
cloneDeep(obj);

const [user, setUser] = useState({ name: 'Алиса' });

user.name = 'Боб';       // не сработает
setUser({ ...user, name: 'Боб' }); // ок

// Массив — добавить
setItems((prev) => [...prev, item]);

// Массив — удалить
setItems((prev) => prev.filter((i) => i.id !== id));

// Объект — обновить
setUser((prev) => ({ ...prev, name: 'Боб' }));

// Вложенный объект
setUser((prev) => ({
    ...prev,
    address: { ...prev.address, city: 'Питер' },
}));