欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 生成唯一ID的幾種方式

 更新時間:2021年02月19日 09:13:47   作者:specialCoder  
這篇文章主要介紹了JavaScript 生成唯一ID的幾種方式,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下

可行方案

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)文章

  • 淺談JS的二進制家族

    淺談JS的二進制家族

    事實上,前端很少涉及對二進制數(shù)據(jù)的處理,但即便如此,我們偶爾總能在角落里看見它們的身影。 今天我們就來聊一聊前端的二進制家族:Blob、ArrayBuffer和Buffer
    2021-05-05
  • JavaScript事件的委托(代理)的用法示例詳解

    JavaScript事件的委托(代理)的用法示例詳解

    事件委托,也叫事件代理,是JavaScript中綁定事件的一種常用技巧。就是將原本需要綁定在子元素的響應(yīng)事件委托給父元素或更外層元素,讓外層元素擔當事件監(jiān)聽的職務(wù)。本文將詳細為大家介紹JavaScript事件委托的用法,需要的可以參考一下
    2022-01-01
  • JavaScript變量類型以及變量之間的轉(zhuǎn)換你了解嗎

    JavaScript變量類型以及變量之間的轉(zhuǎn)換你了解嗎

    這篇文章主要為大家詳細介紹了JavaScript變量類型以及變量之間的轉(zhuǎn)換,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-02-02
  • uniapp?手機驗證碼輸入框?qū)崿F(xiàn)代碼(隨機數(shù)、倒計時、隱藏手機號碼中間四位)可以直接使用

    uniapp?手機驗證碼輸入框?qū)崿F(xiàn)代碼(隨機數(shù)、倒計時、隱藏手機號碼中間四位)可以直接使用

    這篇文章主要介紹了uniapp?手機驗證碼輸入框(隨機數(shù)、倒計時、隱藏手機號碼中間四位),實現(xiàn)思路通過創(chuàng)建六個正方形的view,然后創(chuàng)建一個數(shù)字input,最大輸入長度為六位(根據(jù)驗證碼的長度),再將input隱藏掉,獲取到的值分別放到六個view中,需要的朋友可以參考下
    2023-02-02
  • Wordpress ThickBox 添加“查看原圖”效果代碼

    Wordpress ThickBox 添加“查看原圖”效果代碼

    上一次修改了點擊圖片動作 , 這次添加一個“查看原圖”的鏈接,點擊后將在一個新瀏覽器窗口(或Tab)打開該圖片的原始鏈接地址。
    2010-12-12
  • 學習JavaScript設(shè)計模式之狀態(tài)模式

    學習JavaScript設(shè)計模式之狀態(tài)模式

    這篇文章主要為大家介紹了JavaScript設(shè)計模式中的狀態(tài)模式,對JavaScript設(shè)計模式感興趣的小伙伴們可以參考一下
    2016-01-01
  • 如何解決js函數(shù)防抖、節(jié)流出現(xiàn)的問題

    如何解決js函數(shù)防抖、節(jié)流出現(xiàn)的問題

    這篇文章主要介紹了如何解決js函數(shù)防抖、節(jié)流出現(xiàn)的問題。SyntheticEvent對象是通過合并得到的。 這意味著在事件回調(diào)被調(diào)用后,SyntheticEvent 對象將被重用并且所有屬性都將被取消。 因此,您無法以異步方式訪問該事件。,需要的朋友可以參考下
    2019-06-06
  • 簡單的網(wǎng)頁廣告特效實例

    簡單的網(wǎng)頁廣告特效實例

    下面小編就為大家?guī)硪黄唵蔚木W(wǎng)頁廣告特效實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • webpack中的模式(mode)使用詳解

    webpack中的模式(mode)使用詳解

    這篇文章主要介紹了webpack中的模式(mode)使用詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-02-02
  • JavaScript基于對象方法實現(xiàn)數(shù)組去重及排序操作示例

    JavaScript基于對象方法實現(xiàn)數(shù)組去重及排序操作示例

    這篇文章主要介紹了JavaScript基于對象方法實現(xiàn)數(shù)組去重及排序操作,涉及javascript基于對象方法的數(shù)組遍歷、比較、去重、排序等相關(guān)操作技巧,需要的朋友可以參考下
    2018-07-07

最新評論