最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript隨機生成用戶名的實現(xiàn)方式

 更新時間:2024年08月28日 10:40:35   作者:江一銘  
這篇文章主要介紹了javascript隨機生成用戶名的實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

javascript隨機生成用戶名

這幾天忙著搭一個社區(qū),前端主要vue+antd,后端使用express+MongoDB。

在注冊用戶的環(huán)節(jié),如果前端沒有填寫用戶名,后端就給他隨機生成一個。

主要方法函數(shù)

  • randomUser.js
// 第一個參數(shù)為你想生成的固定的文字開頭比如: 微信用戶xxxxx
// 第二個為你想生成出固定開頭文字外的隨機長度
function random(prefix, randomLength) {
    // 兼容更低版本的默認值寫法
    prefix === undefined ? prefix = "" : prefix;
    randomLength === undefined ? randomLength = 8 : randomLength;

    // 設(shè)置隨機用戶名
    // 用戶名隨機詞典數(shù)組
    let nameArr = [
        [1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
        ["a", "b", "c", "d", "e", "f", "g", "h", "i", "g", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"]
    ]
    // 隨機名字字符串
    let name = prefix;
    // 循環(huán)遍歷從用戶詞典中隨機抽出一個
    for (var i = 0; i < randomLength; i++) {
        // 隨機生成index
        let index = Math.floor(Math.random() * 2);
        let zm = nameArr[index][Math.floor(Math.random() * nameArr[index].length)];
        // 如果隨機出的是英文字母
        if (index === 1) {
            // 則百分之50的概率變?yōu)榇髮?
            if (Math.floor(Math.random() * 2) === 1) {
                zm = zm.toUpperCase();
            }
        }
        // 拼接進名字變量中
        name += zm;
    }
    // 將隨機生成的名字返回
    return name;
}
module.exports = random

因為數(shù)據(jù)要入庫,所以此方法我寫在后端,用的是module模塊導(dǎo)出,require()函數(shù)來加載模塊。

放在前端的話,建議使用export 導(dǎo)出,import導(dǎo)入!

至于區(qū)別,詳細的自己去查文檔,我在這就放個簡單的說明。

調(diào)下接口看看

手機號隨便填的,至于是哪位大冤種的,就不得而知了。

嗯。接口是返回成功了。

看看數(shù)據(jù)庫,也沒問題,可以看到username是隨機生成的。

總結(jié)

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript判斷用戶是否對表單進行了修改的方法

    JavaScript判斷用戶是否對表單進行了修改的方法

    這篇文章主要介紹了JavaScript判斷用戶是否對表單進行了修改的方法,實例分析了javascript對表單操作與判定的技巧,需要的朋友可以參考下
    2015-03-03
  • javascript實現(xiàn)數(shù)組最大值和最小值的6種方法

    javascript實現(xiàn)數(shù)組最大值和最小值的6種方法

    比較數(shù)組中數(shù)值的大小是比較常見的操作,本文主要介紹了javascript實現(xiàn)數(shù)組最大值和最小值的6種方法,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • 如何使用Javascript獲取距今n天前的日期

    如何使用Javascript獲取距今n天前的日期

    本篇文章是對使用Javascript獲取距今n天前日期的實現(xiàn)代碼進行了詳細的分析介紹,需要的朋友參考下
    2013-07-07
  • 淺析JavaScript中五種模塊系統(tǒng)的使用

    淺析JavaScript中五種模塊系統(tǒng)的使用

    模塊系統(tǒng)是什么?簡單來說,其實就是我們在一個文件里寫代碼,聲明一些可以導(dǎo)出的字段,然后另一個文件可以將其導(dǎo)入并使用。今天我們來聊聊?JavaScript?的模塊系統(tǒng),感興趣的可以了解一下
    2022-11-11
  • LayUI表格批量刪除方法

    LayUI表格批量刪除方法

    今天小編就為大家分享一篇LayUI表格批量刪除方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • javascript事件函數(shù)中獲得事件源的兩種不錯方法

    javascript事件函數(shù)中獲得事件源的兩種不錯方法

    許多情況我們需要獲得事件源對象來對其屬性進行更改,在事件響應(yīng)函數(shù)中獲得事件源的方法有如下兩種
    2014-03-03
  • 原生js實現(xiàn)隨機點餐效果

    原生js實現(xiàn)隨機點餐效果

    一款十分簡單的原生js實現(xiàn)的隨機點菜代碼,點擊點菜按鈕隨機點取上面菜單的菜品,可根據(jù)需求改成自己需要功能,比如說隨機點名。感興趣的朋友來參考實現(xiàn)代碼吧
    2019-12-12
  • JavaScript判斷數(shù)組是否存在key的簡單實例

    JavaScript判斷數(shù)組是否存在key的簡單實例

    下面小編就為大家?guī)硪黄狫avaScript判斷數(shù)組是否存在key的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • JavaScript實現(xiàn)加載導(dǎo)出CZML文件詳解

    JavaScript實現(xiàn)加載導(dǎo)出CZML文件詳解

    CZML是一種基于?JSON?的文件格式,用于描述地理空間數(shù)據(jù)和時間動態(tài)場景,這篇文章為大家詳細介紹了如何使用JavaScript實現(xiàn)CZML文件的加載與導(dǎo)出,需要的可以了解下
    2025-02-02
  • JS實現(xiàn)淡入淡出圖片效果的方法分析

    JS實現(xiàn)淡入淡出圖片效果的方法分析

    這篇文章主要介紹了JS實現(xiàn)淡入淡出圖片效果的方法,結(jié)合實例形式分析了js鼠標響應(yīng)實現(xiàn)圖片淡入淡出效果的原理與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2016-12-12

最新評論

原平市| 上饶市| 丰宁| 庐江县| 庆阳市| 镇平县| 通州区| 余江县| 白水县| 永德县| 高碑店市| 丘北县| 岳阳县| 镇原县| 上林县| 汶川县| 仪征市| 临朐县| 密云县| 黄梅县| 永州市| 灵石县| 福鼎市| 资源县| 夏邑县| 太和县| 天津市| 顺昌县| 河北省| 上杭县| 宣恩县| 内丘县| 诏安县| 东乌珠穆沁旗| 乌兰浩特市| 武陟县| 永兴县| 阜城县| 仙居县| 万山特区| 塔城市|