JavaScript 生成唯一ID的幾種方式
可行方案
1.生成[0,1)的隨機數(shù)的Math.random
//我這次運行生成的是:0.5834165740043102 Math.random();
2.獲取當前時間戳Date.now
//現(xiàn)在時間戳是1482645606622 Date.now();
3.將10進制轉(zhuǎn)換為其他進制的字符串 Number.toString
//將1482645606622轉(zhuǎn)換成二進制:10101100100110100100100001001000011011110 (1482645606622).toString(2); //轉(zhuǎn)換成16進制:159349090de MongDB中的ObjectID就是24位16進制數(shù) (1482645606622).toString(16); //最大進制支持轉(zhuǎn)為36進制,使用字符是0-9a-z :ix48wvry (1482645606622).toString(36);
改進版本一:隨機數(shù) + toString()
1.隨機數(shù)版本
/** * 生成一個用不重復的ID */ function GenNonDuplicateID(){ return Math.random().toString() } //生成一個類似 0.1283460319177394的ID GenNonDuplicateID()
2.隨機數(shù)版本16進制版本
/** * 生成一個用不重復的ID */ function GenNonDuplicateID(){ return Math.random().toString(16) } //函數(shù)將生成類似 0.c1615913fa915 的ID GenNonDuplicateID()
3.隨機數(shù)版本36進制版本
/** * 生成一個用不重復的ID */ function GenNonDuplicateID(){ return Math.random().toString(36) } //函數(shù)將生成類似 0.hefy7uw6ddzwidkwcmxkzkt9 的ID GenNonDuplicateID()
4.隨機數(shù)版本36進制版本
/** * 生成一個用不重復的ID */ function GenNonDuplicateID(){ return Math.random().toString(36).substr(2) } //函數(shù)將生成類似 8dlv9vabygks2cbg1spds4i 的ID GenNonDuplicateID()
總結(jié)
優(yōu)勢:使用toString的進制轉(zhuǎn)化可以實現(xiàn)更短的字符串表示更多的范圍
缺點:用一個隨機數(shù)作為ID,隨著使用次數(shù)的累積,必然會出現(xiàn)相同的兩個ID
改進版本二
1.引入時間戳 + 36進制版本
/** * 生成一個用不重復的ID */ function GenNonDuplicateID(){ let idStr = Date.now().toString(36) idStr += Math.random().toString(36).substr(2) return idStr } //函數(shù)將生成類似 ix49sfsnt7514k5wpflyb5l2vtok9y66r 的ID GenNonDuplicateID()
2.引入時間戳 + 36進制版本 + 隨機數(shù)長度控制
/** * 生成一個用不重復的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. 引入時間戳 + 隨機數(shù)前置 36進制 + 隨機數(shù)長度控制
/** * 生成一個用不重復的ID */ function GenNonDuplicateID(randomLength){ return Number(Math.random().toString().substr(2,randomLength) + Date.now()).toString(36) } //GenNonDuplicateID()將生成 rfmipbs8ag0kgkcogc 類似的ID GenNonDuplicateID()
總結(jié)
只使用時間戳,有個能在同一時間多人訪問生成的是一樣的。加上隨機數(shù)可以實現(xiàn)唯一。再加上自定義長度,使UUID更靈活。
總結(jié)
萬能方案:
/** * 生成一個用不重復的ID * @param { Number } randomLength */ function getUuiD(randomLength){ return Number(Math.random().toString().substr(2,randomLength) + Date.now()).toString(36) }
以上就是JavaScript 生成唯一ID的幾種方式的詳細內(nèi)容,更多關(guān)于JavaScript 生成唯一ID的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
JavaScript變量類型以及變量之間的轉(zhuǎn)換你了解嗎
這篇文章主要為大家詳細介紹了JavaScript變量類型以及變量之間的轉(zhuǎn)換,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-02-02uniapp?手機驗證碼輸入框?qū)崿F(xiàn)代碼(隨機數(shù)、倒計時、隱藏手機號碼中間四位)可以直接使用
這篇文章主要介紹了uniapp?手機驗證碼輸入框(隨機數(shù)、倒計時、隱藏手機號碼中間四位),實現(xiàn)思路通過創(chuàng)建六個正方形的view,然后創(chuàng)建一個數(shù)字input,最大輸入長度為六位(根據(jù)驗證碼的長度),再將input隱藏掉,獲取到的值分別放到六個view中,需要的朋友可以參考下2023-02-02Wordpress ThickBox 添加“查看原圖”效果代碼
上一次修改了點擊圖片動作 , 這次添加一個“查看原圖”的鏈接,點擊后將在一個新瀏覽器窗口(或Tab)打開該圖片的原始鏈接地址。2010-12-12學習JavaScript設(shè)計模式之狀態(tài)模式
這篇文章主要為大家介紹了JavaScript設(shè)計模式中的狀態(tài)模式,對JavaScript設(shè)計模式感興趣的小伙伴們可以參考一下2016-01-01如何解決js函數(shù)防抖、節(jié)流出現(xiàn)的問題
這篇文章主要介紹了如何解決js函數(shù)防抖、節(jié)流出現(xiàn)的問題。SyntheticEvent對象是通過合并得到的。 這意味著在事件回調(diào)被調(diào)用后,SyntheticEvent 對象將被重用并且所有屬性都將被取消。 因此,您無法以異步方式訪問該事件。,需要的朋友可以參考下2019-06-06JavaScript基于對象方法實現(xiàn)數(shù)組去重及排序操作示例
這篇文章主要介紹了JavaScript基于對象方法實現(xiàn)數(shù)組去重及排序操作,涉及javascript基于對象方法的數(shù)組遍歷、比較、去重、排序等相關(guān)操作技巧,需要的朋友可以參考下2018-07-07