当前位置:首页 > 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实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 // 方…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js实现二叉树

js实现二叉树

二叉树的基本概念 二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的常见操作包括插入、删除、遍历等。 二叉树的节点定义 在JavaScript中,二叉树的节点可…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

js实现滑动

js实现滑动

实现滑动效果的方法 在JavaScript中实现滑动效果可以通过多种方式完成,以下是几种常见的实现方法: 使用CSS过渡和JavaScript触发 通过CSS定义过渡效果,JavaScript控制触…