Как сгенерировать уникальный идентификатор элемента, не зависящий от длины массива?

Когда нужно пометить элемент уникальным идентификатором, использование индекса массива или его длины — плохая идея: при удалении или сортировке индексы смещаются, а ID перестают быть уникальными и стабильными. Правильный подход — генерировать идентификатор независимо от структуры данных.

Основные способы

• crypto.randomUUID() — встроенный метод в современных браузерах и Node.js (начиная с 14.17). Возвращает UUID v4.
• Библиотеки — uuid, nanoid, shortid. Дают гибкость в формате и длине.
• Счётчик + префикс — если уникальность нужна только в рамках сессии, можно использовать модульный счётчик.

Пример на JavaScript

// Встроенный способ (браузер и Node.js)
const id = crypto.randomUUID();
console.log(id); // '3b12f1df-5232-4a3e-9c1a-1f2e3d4c5b6a'

// Через nanoid (нужна установка)
import { nanoid } from 'nanoid';
const shortId = nanoid(); // 'V1StGXR8_Z5jdHi6B-myT'

// Свой генератор на основе счётчика
let counter = 0;
const nextId = () => `item-${++counter}`;

В React ключ элемента (key) должен быть стабильным между рендерами. Если генерировать ID при каждом рендере, React будет пересоздавать DOM-узлы. Поэтому ID создают один раз — при добавлении элемента в состояние.

Где применять

• Списки в UI (React, Vue) — ключи элементов.
• Записи в базе данных — первичные ключи.
• Сообщения, задачи, комментарии — уникальные метки.

Итог: для генерации уникального ID используйте crypto.randomUUID() или библиотеку nanoid, а не индекс массива. Это гарантирует стабильность и уникальность при любых изменениях коллекции.