JS中Math.random方法的使用有哪些细节要注意
Admin 2022-05-19 群英技术资讯 1507 次浏览
这篇文章主要介绍“JS中Math.random方法的使用有哪些细节要注意”的相关知识,下面会通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JS中Math.random方法的使用有哪些细节要注意”文章能帮助大家解决问题。javascript中的math.random()是用来生成随机数的,其使用语法如“Math.floor(Math.random() * 10 + 1);”,该语句能在连续整数中取得一个随机数。

本文操作环境:windows7系统、javascript1.8.5版、DELL G3电脑
javascript中Math.random()使用详解
Math.random() 这个方法相信大家都知道,是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数。
Math.random()方法返回大于等于 0 小于 1 的一个随机数。对于某些站点来说,这个方法非常实用,因为可以利用它来随机显示一些名人名言和新闻事件。
1. 在连续整数中取得一个随机数
值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值)
例:产生1-10的随机数
代码如下:
var rand1 = Math.floor(Math.random() * 10 + 1);
编写产生startNumber至endNumber随机数的函数
代码如下:
function selectFrom(startNumber, endNumber) {
var choice = endNumber - startNumber + 1;
return Math.floor(Math.random() * choice + startNumber)
}
var rand2 = selectFrom(2,8);//产生2至8的随机数2. 在不相邻整数中取得一个随机数
2.1 在不相邻的两个整数中取得一个随机数
例:随机产生2或4中的一个数
代码如下:
var rand3 = Math.random() < 0.5 ? 2 : 4;
2.2 在不相邻的多个整数中产生一个随机数
结合函数参数数组,可编写在不相邻的多个整数中产生一个随机值的函数
代码如下:
function selectFromMess() {
return arguments[Math.floor(Math.random() * arguments.length)]
}
//随机产生1、6、8中的一个数
var rand4 = selectFromMess(1, 6, 8);
//也可随机产生文本
var randomTxt1 = selectFromMess("安慰奖", "二等奖", "一等奖");每次要输入这么多参数比较麻烦,可以改写一下函数
代码如下:
function selectFromMessArray(arr) {
return arr[Math.floor(Math.random() * arr.length)]
}
var arrayTxt=["一","二","三","四","五"];
var randTxt2 = selectFromMessArray(arrayTxt);或者不改变原有方法,可以利用apply()这个方法传递数组参数
复制代码代码如下:
var randTxt3 = selectFromMess.apply(null,arrayTxt);
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
JavaScript属性操作,下文有实例供大家参考,对大家了解操作过程或相关知识有一定的帮助,而且实用性强,希望这篇文章能帮助大家,下面我们一起来了解看看吧。
React中高阶组件HOC怎样用?一些朋友可能对高阶组件HOC的使用不是很了解,因此这篇文章就给大家介绍一下高阶组件HOC,下文有示例代码供大家参考,感兴趣的朋友接下来跟随小编来学习一下吧。
这篇文章主要介绍了如何利用javascript做简单的算法,主要是以提问的形式犹如练习小例子然后解决问题并附代码说明,需要的朋友可以参考一下
EventEmitter是 Node.js 的内置模块,为我们提供了事件订阅机制。下面本篇文章就来带大家了解一下Node.js中的EventEmitter模块,介绍一下它的用法,希望对大家有所帮助!
这篇文章给大家分享的是微信小程序中多图片上传效果的实现。小编觉得挺实用的,因此分享给大家做个参考,文中示例代码介绍的非常详细,感兴趣的朋友接下来一起跟随小编看看吧。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008