当前位置:首页 > 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
分享给朋友:

相关文章

vue实现uuid

vue实现uuid

使用 uuid 库生成 UUID 在 Vue 项目中,可以使用 uuid 库来生成 UUID。安装依赖: npm install uuid 在 Vue 组件中使用: import { v4 as…

js实现分页

js实现分页

实现分页的基本思路 分页功能通常需要处理数据分割、页码生成和用户交互。核心逻辑包括计算总页数、根据当前页截取数据、渲染页码按钮等。 前端分页实现(静态数据) 假设已有全部数据,仅需前端分页展示:…

js 实现vue模板

js 实现vue模板

实现 Vue 模板的 JavaScript 方法 通过原生 JavaScript 可以实现类似 Vue 的模板渲染功能,主要包括数据绑定、指令处理和模板解析。以下是核心实现思路: 数据绑定与…

js实现倒计时

js实现倒计时

使用 setInterval 实现倒计时 通过 setInterval 定时器每秒更新剩余时间,适用于简单倒计时场景。 function countdown(seconds, callbac…

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval…

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('imag…