这篇文章给大家分享的是用JavaScript实现生成唯一ID方法，文中示例代码介绍的非常详细，而且进行了两版改进，有一定的参考价值，感兴趣的朋友可以了解看看，接下来一起跟随小编看看吧。

    可行方案

    1.生成[0,1)的随机数的Math.random

//我这次运行生成的是：0.5834165740043102 
Math.random();

    2.获取当前时间戳Date.now

//现在时间戳是1482645606622
Date.now();

    3.将10进制转换为其他进制的字符串 Number.toString

//将1482645606622转换成二进制：10101100100110100100100001001000011011110 
(1482645606622).toString(2);

//转换成16进制：159349090de MongDB中的ObjectID就是24位16进制数 
(1482645606622).toString(16);

//最大进制支持转为36进制，使用字符是0-9a-z ：ix48wvry 
(1482645606622).toString(36);

    改进版本一：随机数  + toString()

    1.随机数版本 

/**
 * 生成一个用不重复的ID
 */
function GenNonDuplicateID(){
 return Math.random().toString()
}

//生成一个类似 0.1283460319177394的ID
GenNonDuplicateID()

    2.随机数版本16进制版本

/**
 * 生成一个用不重复的ID
 */
function GenNonDuplicateID(){
 return Math.random().toString(16)
}

//函数将生成类似 0.c1615913fa915 的ID
GenNonDuplicateID()

    3.随机数版本36进制版本 

/**
 * 生成一个用不重复的ID
 */
function GenNonDuplicateID(){
 return Math.random().toString(36)
}

//函数将生成类似 0.hefy7uw6ddzwidkwcmxkzkt9 的ID
GenNonDuplicateID()

    4.随机数版本36进制版本

/**
 * 生成一个用不重复的ID
 */
function GenNonDuplicateID(){
 return Math.random().toString(36).substr(2)
}

//函数将生成类似 8dlv9vabygks2cbg1spds4i 的ID
GenNonDuplicateID()

    总结

    优势：使用toString的进制转化可以实现更短的字符串表示更多的范围

    缺点：用一个随机数作为ID，随着使用次数的累积，必然会出现相同的两个ID

    改进版本二

    1.引入时间戳 + 36进制版本 

/**
 * 生成一个用不重复的ID
 */
function GenNonDuplicateID(){
 let idStr = Date.now().toString(36)
 idStr += Math.random().toString(36).substr(2)
 return idStr
}

//函数将生成类似 ix49sfsnt7514k5wpflyb5l2vtok9y66r 的ID
GenNonDuplicateID()

    2.引入时间戳 + 36进制版本 + 随机数长度控制

/**
 * 生成一个用不重复的ID
 */
function GenNonDuplicateID(randomLength){
 let idStr = Date.now().toString(36)
 idStr += Math.random().toString(36).substr(2,randomLength)
 return idStr
}

// GenNonDuplicateID(3) 将生成类似 ix49wl2978w 的ID
GenNonDuplicateID(3)

    但是，这样生成的ID前面几位总是相同。

    3. 引入时间戳 + 随机数前置 36进制 + 随机数长度控制

/**
 * 生成一个用不重复的ID
 */
function GenNonDuplicateID(randomLength){
 return Number(Math.random().toString().substr(2,randomLength) + Date.now()).toString(36)
}
//GenNonDuplicateID()将生成 rfmipbs8ag0kgkcogc 类似的ID
GenNonDuplicateID()

    总结

    只使用时间戳，有个能在同一时间多人访问生成的是一样的。加上随机数可以实现唯一。再加上自定义长度，使UUID更灵活。

    总结

    万能方案：

/**
 * 生成一个用不重复的ID
 * @param { Number } randomLength 
 */
function getUuiD(randomLength){
 return Number(Math.random().toString().substr(2,randomLength) + Date.now()).toString(36)
}

    关于用JavaScript实现生成唯一ID方法就介绍到这，上述示例具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多JavaScript的内容，大家可以关注其它的相关文章。

文本转载自脚本之家

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 用react-native怎么制作滑动删除的操作

  这篇文章主要介绍了react-native 实现购物车滑动删除效果的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• node的全局对象global作用是什么，要满足什么条件

  node的全局对象是“global”，global最根本的作用是作为全局变量的宿主；而所有全局变量（除了global本身以外）都是global对象的属性。在Node.js中可以直接访问到global的属性，而不需要在应用中包含它。

• vue中依据用户的权限动态添加路由怎么做

  每次路由发生变化时都需要调用一次路由守卫，并且store中的数据会在每次刷新的时候清空，因此需要判断store中是否有添加的动态路由，本文给大家分享vue中根据用户权限动态添加路由的问题，感兴趣的朋友一起看看吧

• JS怎样做弹窗消息动画的效果？

  这篇文章给大家分享的是有关JS怎样做弹窗消息动画的效果的内容，小编觉得挺实用的，因此分享给大家做个参考，实现效果及代码如下，接下来一起跟随小编看看吧。

• 如何利用jquery实现图标的切换

  这篇文章主要为大家详细介绍了jquery点击实现升序降序图标切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下