当前位置:首页 > JavaScript

js实现uuid

2026-02-01 13:11:49JavaScript

生成 UUID 的方法

UUID(Universally Unique Identifier)是一种用于标识信息的唯一标识符。以下是几种在 JavaScript 中生成 UUID 的方法。

使用 crypto.randomUUID()

现代浏览器支持 crypto.randomUUID() 方法,可以快速生成符合 RFC 4122 标准的 UUID。

js实现uuid

const uuid = crypto.randomUUID();
console.log(uuid); // 输出类似 "123e4567-e89b-12d3-a456-426614174000"

使用 crypto.getRandomValues()

如果环境不支持 randomUUID(),可以通过 crypto.getRandomValues() 生成随机数并格式化为 UUID。

js实现uuid

function generateUUID() {
  return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c =>
    (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
  );
}

console.log(generateUUID()); // 输出类似 "123e4567-e89b-12d3-a456-426614174000"

使用第三方库

如果需要更全面的 UUID 支持,可以使用第三方库如 uuid

import { v4 as uuidv4 } from 'uuid';
const uuid = uuidv4();
console.log(uuid); // 输出类似 "123e4567-e89b-12d3-a456-426614174000"

简单随机字符串方法

如果对 UUID 的格式要求不高,可以使用简单的随机字符串生成方法。

function simpleUUID() {
  return Math.random().toString(36).substring(2) + Date.now().toString(36);
}

console.log(simpleUUID()); // 输出类似 "5h3d7f9k2m"

注意事项

  • 使用 crypto.randomUUID() 需要浏览器或 Node.js 环境支持。
  • 第三方库如 uuid 需要安装依赖。
  • 简单的随机字符串方法可能不满足严格的 UUID 规范,适用于非关键场景。

标签: jsuuid
分享给朋友:

相关文章

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 c…

js实现滚动

js实现滚动

实现滚动效果的方法 在JavaScript中实现滚动效果可以通过多种方式完成,以下是一些常见的方法: 使用window.scrollTo() window.scrollTo()方法可以将页面滚动到指…

js实现按钮点击

js实现按钮点击

实现按钮点击的JavaScript方法 HTML按钮元素 在HTML中创建按钮元素,为其添加id或class以便JavaScript选择: <button id="myButton">点…

js 实现全屏

js 实现全屏

使用 requestFullscreen 方法 通过调用元素的 requestFullscreen 方法可以实现全屏。该方法兼容现代浏览器,但不同浏览器可能需要前缀。 const element =…

js实现文件夹

js实现文件夹

使用JavaScript创建文件夹 在浏览器端的JavaScript中无法直接操作文件系统创建文件夹,这是出于安全考虑。但在Node.js环境中可以通过文件系统模块(fs)实现。 Node.js中使…