JavaScript 生成唯一ID的幾種方式
更新時間:2021年02月19日 09:13:47 作者:specialCoder
這篇文章主要介紹了JavaScript 生成唯一ID的幾種方式,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下
可行方案
1.生成[0,1)的隨機數的Math.random
//我這次運行生成的是:0.5834165740043102 Math.random();
2.獲取當前時間戳Date.now
//現(xiàn)在時間戳是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()
總結
優(yōu)勢:使用toString的進制轉化可以實現(xiàn)更短的字符串表示更多的范圍
缺點:用一個隨機數作為ID,隨著使用次數的累積,必然會出現(xiàn)相同的兩個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()
總結
只使用時間戳,有個能在同一時間多人訪問生成的是一樣的。加上隨機數可以實現(xiàn)唯一。再加上自定義長度,使UUID更靈活。
總結
萬能方案:
/** * 生成一個用不重復的ID * @param { Number } randomLength */ function getUuiD(randomLength){ return Number(Math.random().toString().substr(2,randomLength) + Date.now()).toString(36) }
以上就是JavaScript 生成唯一ID的幾種方式的詳細內容,更多關于JavaScript 生成唯一ID的資料請關注腳本之家其它相關文章!
相關文章
uniapp?手機驗證碼輸入框實現(xiàn)代碼(隨機數、倒計時、隱藏手機號碼中間四位)可以直接使用
這篇文章主要介紹了uniapp?手機驗證碼輸入框(隨機數、倒計時、隱藏手機號碼中間四位),實現(xiàn)思路通過創(chuàng)建六個正方形的view,然后創(chuàng)建一個數字input,最大輸入長度為六位(根據驗證碼的長度),再將input隱藏掉,獲取到的值分別放到六個view中,需要的朋友可以參考下2023-02-02Wordpress ThickBox 添加“查看原圖”效果代碼
上一次修改了點擊圖片動作 , 這次添加一個“查看原圖”的鏈接,點擊后將在一個新瀏覽器窗口(或Tab)打開該圖片的原始鏈接地址。2010-12-12JavaScript基于對象方法實現(xiàn)數組去重及排序操作示例
這篇文章主要介紹了JavaScript基于對象方法實現(xiàn)數組去重及排序操作,涉及javascript基于對象方法的數組遍歷、比較、去重、排序等相關操作技巧,需要的朋友可以參考下2018-07-07