一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - js教程 - JavaScript 生成唯一ID的幾種方式

JavaScript 生成唯一ID的幾種方式

2022-01-21 15:23specialCoder js教程

這篇文章主要介紹了JavaScript 生成唯一ID的幾種方式,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下

可行方案

1.生成[0,1)的隨機數的Math.random

?
1
2
//我這次運行生成的是:0.5834165740043102
Math.random();

2.獲取當前時間戳Date.now

?
1
2
//現在時間戳是1482645606622
Date.now();

3.將10進制轉換為其他進制的字符串 Number.toString

?
1
2
3
4
5
6
7
8
//將1482645606622轉換成二進制:10101100100110100100100001001000011011110
(1482645606622).toString(2);
 
//轉換成16進制:159349090de MongDB中的ObjectID就是24位16進制數
(1482645606622).toString(16);
 
//最大進制支持轉為36進制,使用字符是0-9a-z :ix48wvry
(1482645606622).toString(36);

改進版本一:隨機數  + toString()

1.隨機數版本 

?
1
2
3
4
5
6
7
8
9
/**
 * 生成一個用不重復的ID
 */
function GenNonDuplicateID(){
 return Math.random().toString()
}
 
//生成一個類似 0.1283460319177394的ID
GenNonDuplicateID()

2.隨機數版本16進制版本

?
1
2
3
4
5
6
7
8
9
/**
 * 生成一個用不重復的ID
 */
function GenNonDuplicateID(){
 return Math.random().toString(16)
}
 
//函數將生成類似 0.c1615913fa915 的ID
GenNonDuplicateID()

3.隨機數版本36進制版本 

?
1
2
3
4
5
6
7
8
9
/**
 * 生成一個用不重復的ID
 */
function GenNonDuplicateID(){
 return Math.random().toString(36)
}
 
//函數將生成類似 0.hefy7uw6ddzwidkwcmxkzkt9 的ID
GenNonDuplicateID()

4.隨機數版本36進制版本

?
1
2
3
4
5
6
7
8
9
/**
 * 生成一個用不重復的ID
 */
function GenNonDuplicateID(){
 return Math.random().toString(36).substr(2)
}
 
//函數將生成類似 8dlv9vabygks2cbg1spds4i 的ID
GenNonDuplicateID()

總結

優勢:使用toString的進制轉化可以實現更短的字符串表示更多的范圍

缺點:用一個隨機數作為ID,隨著使用次數的累積,必然會出現相同的兩個ID

改進版本二

1.引入時間戳 + 36進制版本 

?
1
2
3
4
5
6
7
8
9
10
11
/**
 * 生成一個用不重復的ID
 */
function GenNonDuplicateID(){
 let idStr = Date.now().toString(36)
 idStr += Math.random().toString(36).substr(2)
 return idStr
}
 
//函數將生成類似 ix49sfsnt7514k5wpflyb5l2vtok9y66r 的ID
GenNonDuplicateID()

2.引入時間戳 + 36進制版本 + 隨機數長度控制

?
1
2
3
4
5
6
7
8
9
10
11
/**
 * 生成一個用不重復的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進制 + 隨機數長度控制

?
1
2
3
4
5
6
7
8
/**
 * 生成一個用不重復的ID
 */
function GenNonDuplicateID(randomLength){
 return Number(Math.random().toString().substr(2,randomLength) + Date.now()).toString(36)
}
//GenNonDuplicateID()將生成 rfmipbs8ag0kgkcogc 類似的ID
GenNonDuplicateID()

總結

只使用時間戳,有個能在同一時間多人訪問生成的是一樣的。加上隨機數可以實現唯一。再加上自定義長度,使UUID更靈活。

總結

萬能方案:

?
1
2
3
4
5
6
7
/**
 * 生成一個用不重復的ID
 * @param { Number } randomLength
 */
function getUuiD(randomLength){
 return Number(Math.random().toString().substr(2,randomLength) + Date.now()).toString(36)
}

以上就是JavaScript 生成唯一ID的幾種方式的詳細內容,更多關于JavaScript 生成唯一ID的資料請關注服務器之家其它相關文章!

原文鏈接:https://segmentfault.com/a/1190000039225617

延伸 · 閱讀

精彩推薦
  • js教程微信小程序tab左右滑動切換功能的實現代碼

    微信小程序tab左右滑動切換功能的實現代碼

    這篇文章主要介紹了微信小程序tab左右滑動切換功能的實現代碼,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可...

    壞蛋先生5062022-01-19
  • js教程微信小程序彈窗禁止頁面滾動的實現代碼

    微信小程序彈窗禁止頁面滾動的實現代碼

    這篇文章主要介紹了微信小程序彈窗禁止頁面滾動的實現代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需...

    任我行RQ5542021-12-23
  • js教程前端經常會用到的JavaScript方法封裝

    前端經常會用到的JavaScript方法封裝

    前端經常會用到的JavaScript方法封裝都有哪些呢?我們一起來看一下吧!...

    Find一只程序猿11382021-12-30
  • js教程javascript實現下拉菜單效果

    javascript實現下拉菜單效果

    這篇文章主要為大家詳細介紹了javascript實現下拉菜單,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    愛前端的茂茂7222022-01-20
  • js教程JS實現鼠標移動拖尾

    JS實現鼠標移動拖尾

    這篇文章主要為大家詳細介紹了JS實現鼠標移動拖尾效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    day09852021-12-21
  • js教程原生js實現自定義難度的掃雷游戲

    原生js實現自定義難度的掃雷游戲

    這篇文章主要為大家詳細介紹了原生js實現自定義難度的掃雷游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    清歡灬6472022-01-06
  • js教程一個參數驗證,學會 Nest.js 的兩大機制:Pipe、ExceptionFilter

    一個參數驗證,學會 Nest.js 的兩大機制:Pipe、ExceptionFilter

    前端做表單的驗證基本不用自己寫,有很多 validation 的庫,大家寫的也比較多了。后端的驗證大家可能寫的相對較少,今天我們就來學下后端框架 Nest.js 如...

    神光的編程秘籍10842021-12-28
  • js教程js基于canvas實現時鐘組件

    js基于canvas實現時鐘組件

    這篇文章主要介紹了js基于canvas實現時鐘組件的方法,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下...

    豫見陳公子11102022-01-19
主站蜘蛛池模板: 久久久无码精品亚洲A片猫咪 | 成人一级黄色大片 | 好大好硬好紧太深了受不了 | 四虎在线视频免费观看 | 国产精品久久久久久久久免费hd | 美女鸡 | 4虎影视国产在线观看精品 4s4s4s4s色大众影视 | 国产精品高清在线 | 黑人好大| 女人pp被扒开流水了 | 无码射肉在线播放视频 | 日本javaajax| 亚洲成人黄色 | 欧美亚洲国产精品久久第一页 | 亚洲一区二区精品推荐 | 从后面撕开老师的丝袜动态图 | 欧洲老太玩小伙 | 国产香蕉一区二区精品视频 | 成人影院免费看 | 日产乱码卡1卡2卡三卡四在线 | 国产一级在线观看视频 | 国产不卡视频一区二区在线观看 | 性奴公司 警花 | 四虎永久免费地址在线网站 | 超91精品手机国产在线 | s8sp加密路线和免费路线首页 | 蜜桃麻豆 | 99久久精品免费看国产高清 | 日韩欧美一区二区不卡 | 国产三级跑 | 国产精品久久香蕉免费播放 | 精品午夜中文字幕熟女人妻在线 | 午夜伦伦电影理论片费看 | 欧洲女同同性videos0 | 爸爸干女儿小说 | 99久久99热久久精品免 | 亚洲国产在线视频中文字 | 亚洲欧美国产另类视频 | 8x8x拔插| 亚洲高清国产品国语在线观看 | 日本96在线精品视频免费观看 |