javascript随机生成用户名的实现方式

 更新时间:2024年08月28日 10:40:35   作者:江一铭  
这篇文章主要介绍了javascript随机生成用户名的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

javascript随机生成用户名

这几天忙着搭一个社区,前端主要vue+antd,后端使用express+MongoDB。

在注册用户的环节,如果前端没有填写用户名,后端就给他随机生成一个。

主要方法函数

  • randomUser.js
// 第一个参数为你想生成的固定的文字开头比如: 微信用户xxxxx
// 第二个为你想生成出固定开头文字外的随机长度
function random(prefix, randomLength) {
    // 兼容更低版本的默认值写法
    prefix === undefined ? prefix = "" : prefix;
    randomLength === undefined ? randomLength = 8 : randomLength;

    // 设置随机用户名
    // 用户名随机词典数组
    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;
    // 循环遍历从用户词典中随机抽出一个
    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的概率变为大写
            if (Math.floor(Math.random() * 2) === 1) {
                zm = zm.toUpperCase();
            }
        }
        // 拼接进名字变量中
        name += zm;
    }
    // 将随机生成的名字返回
    return name;
}
module.exports = random

因为数据要入库,所以此方法我写在后端,用的是module模块导出,require()函数来加载模块。

放在前端的话,建议使用export 导出,import导入!

至于区别,详细的自己去查文档,我在这就放个简单的说明。

调下接口看看

手机号随便填的,至于是哪位大冤种的,就不得而知了。

嗯。接口是返回成功了。

看看数据库,也没问题,可以看到username是随机生成的。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript判断用户是否对表单进行了修改的方法

    JavaScript判断用户是否对表单进行了修改的方法

    这篇文章主要介绍了JavaScript判断用户是否对表单进行了修改的方法,实例分析了javascript对表单操作与判定的技巧,需要的朋友可以参考下
    2015-03-03
  • javascript实现数组最大值和最小值的6种方法

    javascript实现数组最大值和最小值的6种方法

    比较数组中数值的大小是比较常见的操作,本文主要介绍了javascript实现数组最大值和最小值的6种方法,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 如何使用Javascript获取距今n天前的日期

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

    本篇文章是对使用Javascript获取距今n天前日期的实现代码进行了详细的分析介绍,需要的朋友参考下
    2013-07-07
  • 浅析JavaScript中五种模块系统的使用

    浅析JavaScript中五种模块系统的使用

    模块系统是什么?简单来说,其实就是我们在一个文件里写代码,声明一些可以导出的字段,然后另一个文件可以将其导入并使用。今天我们来聊聊 JavaScript 的模块系统,感兴趣的可以了解一下
    2022-11-11
  • LayUI表格批量删除方法

    LayUI表格批量删除方法

    今天小编就为大家分享一篇LayUI表格批量删除方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • javascript事件函数中获得事件源的两种不错方法

    javascript事件函数中获得事件源的两种不错方法

    许多情况我们需要获得事件源对象来对其属性进行更改,在事件响应函数中获得事件源的方法有如下两种
    2014-03-03
  • 原生js实现随机点餐效果

    原生js实现随机点餐效果

    一款十分简单的原生js实现的随机点菜代码,点击点菜按钮随机点取上面菜单的菜品,可根据需求改成自己需要功能,比如说随机点名。感兴趣的朋友来参考实现代码吧
    2019-12-12
  • JavaScript判断数组是否存在key的简单实例

    JavaScript判断数组是否存在key的简单实例

    下面小编就为大家带来一篇JavaScript判断数组是否存在key的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript实现加载导出CZML文件详解

    JavaScript实现加载导出CZML文件详解

    CZML是一种基于 JSON 的文件格式,用于描述地理空间数据和时间动态场景,这篇文章为大家详细介绍了如何使用JavaScript实现CZML文件的加载与导出,需要的可以了解下
    2025-02-02
  • JS实现淡入淡出图片效果的方法分析

    JS实现淡入淡出图片效果的方法分析

    这篇文章主要介绍了JS实现淡入淡出图片效果的方法,结合实例形式分析了js鼠标响应实现图片淡入淡出效果的原理与相关实现技巧,需要的朋友可以参考下
    2016-12-12

最新评论