JavaScript生成UUID的五种方法详解

 更新时间:2022年06月01日 15:51:14   作者:墨城  
UUID是一种由算法生成的二进制长度为128位的数字标识符,格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”。本文总结了五个JS生成UUID的方法,感兴趣的可以了解一下

简介

UUID(Universally Unique IDentifier) 全局唯一标识符。

UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”,其中的 x 是 0-9 或 a-f
范围内的一个32位十六进制数。在理想情况下,任何计算机和计算机集群都不会生成两个相同的UUID。

1.第一种

function guid() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
        var r = Math.random() * 16 | 0,
            v = c == 'x' ? r : (r & 0x3 | 0x8);
        return v.toString(16);
    });
}
guid() // "a1ca0f7b-51bd-4bf3-a5d5-6a74f6adc1c7"

2.第二种

function uuid() {
    var s = [];
    var hexDigits = "0123456789abcdef";
    for (var i = 0; i < 36; i++) {
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
    }
    s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
    s[8] = s[13] = s[18] = s[23] = "-";

    var uuid = s.join("");
    return uuid;
}
uuid() // "ffb7cefd-02cb-4853-8238-c0292cf988d5"

3.第三种

function guid2() {
    function S4() {
        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
    }
    return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
}
guid2() // "748eea29-f842-4af9-a552-e1e1aa3ed979"

4.第四种

// 指定长度和基数
function uuid2(len, radix) {
    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
    var uuid = [],
        i;
    radix = radix || chars.length;

    if (len) {
        // Compact form
        for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
    } else {
        // rfc4122, version 4 form
        var r;

        // rfc4122 requires these characters
        uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
        uuid[14] = '4';

        // Fill in random data.  At i==19 set the high bits of clock sequence as
        // per rfc4122, sec. 4.1.5
        for (i = 0; i < 36; i++) {
            if (!uuid[i]) {
                r = 0 | Math.random() * 16;
                uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
            }
        }
    }

    return uuid.join('');
}
uuid2(16, 16) // "277571702EE33E11"

5.第五种

说明:生成32位UUID方法

function uuid() {
    var s = [];
    var hexDigits = "0123456789abcdef";
    for (var i = 0; i < 32; i++) {
    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
    }
    s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
    s[8] = s[13] = s[18] = s[23];
    var uuid = s.join("");
    return uuid;
}

到此这篇关于JavaScript生成UUID的五种方法详解的文章就介绍到这了,更多相关JavaScript生成UUID内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序实现滚动消息通知

    微信小程序实现滚动消息通知

    这篇文章主要为大家详细介绍了微信小程序实现滚动消息通知,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-02-02
  • js实现axios限制请求队列

    js实现axios限制请求队列

    本文主要介绍了js实现axios限制请求队列,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • JS简单获取日期相差天数的方法

    JS简单获取日期相差天数的方法

    这篇文章主要介绍了JS简单获取日期相差天数的方法,涉及javascript日期时间的转换与运算相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • await Streaking解决原理示例详解

    await Streaking解决原理示例详解

    这篇文章主要为大家介绍了await Streaking解决原理示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • H5+css3+js搭建带验证码的登录页面

    H5+css3+js搭建带验证码的登录页面

    这篇文章主要为大家详细介绍了H5+css3+js搭建带验证码的登录页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • js判断滚动条是否已到页面最底部或顶部实例

    js判断滚动条是否已到页面最底部或顶部实例

    这篇文章主要介绍了js判断滚动条是否已到页面最底部或顶部的原理与方法,以实例的形式详细分析了js实现返回顶部功能所涉及的各种技巧,并对相关知识点进行了总结归纳,需要的朋友可以参考下
    2014-11-11
  • 原生js实现trigger方法示例代码

    原生js实现trigger方法示例代码

    这篇文章主要给大家介绍了关于利用原生js实现trigger方法的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • Webpack devServer中的 proxy 实现跨域的解决

    Webpack devServer中的 proxy 实现跨域的解决

    这篇文章主要介绍了Webpack devServer中的 proxy 实现跨域的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • 微信小程序绑定手机号获取验证码功能

    微信小程序绑定手机号获取验证码功能

    这篇文章主要介绍了微信小程序绑定手机号获取验证码功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10
  • jQuery实现随意改变div任意属性的名称和值(部分原生js实现)

    jQuery实现随意改变div任意属性的名称和值(部分原生js实现)

    用原生js和jQuery实现随意改变div属性和重置,在输入框输入“属性名”及“属性值”,点击确定按钮查看效果,感兴趣的你可不要错过了哈
    2013-05-05

最新评论