一,Vue项目中生成随机六位数密码功能
1,知识储备
(1)js中+号的隐式类型转换
在使用+号的时候,如果其中一个是字符串,另一个会被转换成字符串类型,最后输出的结果也是字符串。
例:1 + ‘1’ = ‘11’
(2)Math.random()方法
Math.random()函数返回一个浮点数,伪随机数范围从0到小于1(不包括1),可以根据自己的需求来选择缩放范围,实现随机数生成算法。
(3)Math.floor()方法
Math.floor(x)函数总是返回小于等于一个给定数字的最大整数,通俗点来说就是向下取整。
2,实现思路
首先定义一个code空字符和codeLength来设置密码长度,再定义一个数组来存放生成的内容(比如密码只能包含数字),接着for循环六次,生成随机0~9的索引,利用索引拿到数组中的元素,依次赋值给code。
3,核心代码
let code = '';//声明一个空的字符串值用于后面赋值
const codeLength = 6; //随机密码的长度
const random = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; //随机数的取值范围
for (let i = 0; i < codeLength; i++) {
//循环遍历codeLength,值是几,就循环几次
let index = Math.floor(Math.random() * 10);
code += random[index]; //根据索引取得随机数加到code上
}
this.param.password = code; //把code值赋给data中定义好的password