4 способа скопировать массив без мутаций!

Чтобы избежать случайных изменений исходных данных, важно уметь создавать независимую копию массива.

1. Spread-оператор (поверхностная копия — вложенные объекты остаются по ссылке)

const arr = [1, 2, 3];
const copy = [...arr];

2. Метод slice() (поведение как у spread — неглубокое копирование)

const arr = [1, 2, 3];
const copy = arr.slice();

3. Метод Array.from()

const arr = [1, 2, 3];
const copy = Array.from(arr);

Поддерживает преобразование элементов:

const doubled = Array.from(arr, x => x * 2); // [2, 4, 6]

4. Глубокая копия через JSON (если есть вложенные данные), но теряет функции, undefined и даты

const arr = [{ id: 1 }, { id: 2 }];
const deepCopy = JSON.parse(JSON.stringify(arr));

🔥 Эти приёмы помогают писать стабильный и предсказуемый код, особенно при работе со сложными структурами.

📣 JS Ready | #практика

👩‍💻 Работаете с HTML и хочется видеть результат сразу — без браузера и без Live Server?

Inline Preview решает это за секунду. Выделяешь нужный кусок разметки и vsсode мгновенно показывает рендер прямо в редакторе. Особенно удобно при работе с email-шаблонами, SSR-разметкой или отдельными UI-компонентами, когда нужно быстро проверить кусок, а не весь проект.

📣 JS Ready | #vscode

👩‍💻 Хочешь держать все проекты под рукой?

Project Manager — позволяет переключаться между разными проектами внутри одного экземпляра VS Code. Просто откройте боковую панель и выберите нужный. Можно группировать, давать имена, закреплять самые частые, всё максимально просто и быстро.

📣 JS Ready | #vscode