在前端web中,可以利用 js 脚本生成一个指定位数或是指定范围内的随机数。当然,实现的方法是有很多种的,下面就来介绍几个常用的 js 生成随机数的方法
js 生成指定位数的随机数
1、js 生成一个三位的随机数
js代码:
<script>
var num = '';
for (var i = 0; i < 3; i++) {
num += Math.floor(Math.random() * 10);
}
console.log(num);
</script>
注意:
(1)、以上js生成的随机数,有可能以 0 开头,比如 057 023 005 等
(2)、可以通过修改for循环的条件,生成任意位数的随机数
(3)、如果js生成的随机数中,不想出现数字0或不以数字0开头,可参考下面的示例
2、js 生成一个四位的随机数
(1)、JS生成的随机数中,排除数字0
<script>
var num = '';
for (var i = 0; i < 4; i++) {
num += Math.floor(Math.random() * 9 + 1);
}
console.log(num);
</script>
(2)、js生成一个不以数字0开头的随机数
<script>
var num = '';
for (var i = 0; i < 4; i++) {
if(i == 0){
num += Math.floor(Math.random() * 9 + 1);
}else{
num += Math.floor(Math.random() * 10);
}
}
console.log(num);
</script>
js 生成指定范围内的随机数
1、js 生成0 - 9 之间的随机数
JS代码:
<script>
var num = Math.floor(Math.random() * 10);
console.log(num);
</script>
2、js 生成 1 - 10 之间的随机数
js代码:
<script>
var num = Math.floor(Math.random() * 10 + 1);
console.log(num);
</script>
3、js 生成 n - m 之间的随机数
自定义函数:
<script>
function randomNum(minNum, maxNum) {
switch (arguments.length) {
case 1:
return parseInt(Math.random() * minNum + 1);
break;
case 2:
return parseInt(Math.random() * (maxNum - minNum + 1) + minNum);
break;
default:
return 0;
break;
}
}
</script>
函数调用:
<script>
var num = randomNum(70, 80);
console.log(num);
</script>
扩展阅读:
js生成随机数的方法 https://www.feiniaomy.com/post/398.html
JS中生成随机数与随机字符串的方法 https://www.feiniaomy.com/post/180.html