Как создать GUID / UUID в JavaScript? Нужен рабочий метод

Современное решение: crypto.randomUUID()

Начиная с 2022 года, в JavaScript появился встроенный метод crypto.randomUUID(), который генерирует UUID версии 4 (случайный). Это самый простой и безопасный способ. Он доступен во всех современных браузерах (Chrome, Firefox, Safari, Edge) и в Node.js 19+. Метод использует криптостойкий генератор случайных чисел, что гарантирует уникальность.

// Самый простой способ
const uuid = crypto.randomUUID();
console.log(uuid); // Пример: "550e8400-e29b-41d4-a716-446655440000"

Поддержка браузерами (по состоянию на 2024 год):

• Chrome 92+
• Firefox 95+
• Safari 15.4+
• Edge 92+
• Opera 78+

Универсальное решение для старых браузеров

Если вам нужно поддерживать старые браузеры (например, Internet Explorer), используйте crypto.getRandomValues(). Этот метод доступен с IE 11 и во всех современных браузерах. Вот надежная функция, которая генерирует UUID v4:

function generateUUID() {
  // Создаем 16 случайных байт (128 бит)
  const bytes = new Uint8Array(16);
  crypto.getRandomValues(bytes);

  // Настраиваем биты для UUID v4
  bytes[6] = (bytes[6] & 0x0f) | 0x40; // Версия 4
  bytes[8] = (bytes[8] & 0x3f) | 0x80; // Вариант RFC 4122

  // Преобразуем байты в строку UUID
  const hex = Array.from(bytes, byte => byte.toString(16).padStart(2, '0')).join('');
  return `${hex.slice(0,8)}-${hex.slice(8,12)}-${hex.slice(12,16)}-${hex.slice(16,20)}-${hex.slice(20)}`;
}

// Использование
console.log(generateUUID()); // "f47ac10b-58cc-4372-a567-0e02b2c3d479"

Почему не стоит использовать Math.random()?

Метод Math.random() не является криптостойким — он предсказуем и может давать коллизии при большом количестве генераций. Для уникальных идентификаторов всегда используйте crypto API.

Как проверить поддержку?

Можно написать функцию, которая автоматически выбирает подходящий метод:

function createUUID() {
  // Современный метод
  if (typeof crypto.randomUUID === 'function') {
    return crypto.randomUUID();
  }
  // Fallback для старых браузеров
  const bytes = new Uint8Array(16);
  crypto.getRandomValues(bytes);
  bytes[6] = (bytes[6] & 0x0f) | 0x40;
  bytes[8] = (bytes[8] & 0x3f) | 0x80;
  const hex = Array.from(bytes, b => b.toString(16).padStart(2, '0')).join('');
  return `${hex.slice(0,8)}-${hex.slice(8,12)}-${hex.slice(12,16)}-${hex.slice(16,20)}-${hex.slice(20)}`;
}

Этот код будет работать везде: от IE 11 до последних версий браузеров. Для вашего случая с localStorage я рекомендую использовать именно crypto.randomUUID() — он быстрый, надежный и не требует внешних библиотек.

npm install uuid

import { v4 as uuidv4 } from 'uuid';
// или для CommonJS:
// const { v4: uuidv4 } = require('uuid');

const myId = uuidv4();
console.log(myId); // "1b9d6bcd-bbfd-4b2d-9b5d-ab8dfbbd4bed"

<script src="https://cdn.jsdelivr.net/npm/uuid@9/dist/umd/uuid.min.js"></script>
<script>
  const id = uuid.v4();
  console.log(id);
</script>