关于内置对象math的属性和方法有很多,具体可以参考文档:
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math/floor
这里简单介绍几个:
// Math.floor()函数,向下取整的作用
// 例如:
console.log(Math.floor(2.99)) //控制台打印:2
console.log(Math.floor(2.01)) // 控制台打印:2
// Math.ceil()函数,向上取整的作用
// 例如:
console.log(Math.ceil(2.99)) // 控制台打印:3
console.log(Math.ceil(2.01)) // 控制台打印:3
// Math.round()函数返回一个四舍五入最接近的数字
// 例如:
console.log(Math.round(2.51)) // 控制台打印:3
// 2.51 距离3 只差0.49 < 0.51
console.log(Math.round(2.49)) // 控制台打印:2
// 2.49 距离3 差0.51 距离2仅差0.49 所以取2
// Math.random()函数返回一个0-1之间
// 并且包括0不包括1的随即小数[0,1) 永远不会取到1
// 1.那么如何生成0-10的随机数呢?
Math.floor(Math.random() * (10 + 1))
// 这里乘11 保证了能够取到10 进而floor向下取整 确保最大只能取到10
// 2.如何生成5-10的随机数呢?
Math.floor(Math.random() * 6 + 5)
// 这里Math.random()*6 所代表的取值范围为:[0,6)
// 加上5 的取值范围为:[5,11) floor向下取整,确保最大只能取到10
// 总结
// 3.如何生成N-M之间的随机数
Math.floor(Math.random() * (M - N + N))
有了这几个函数的基础,我们思考一下,如何实现,随机打印数组中的元素呢?
相信你心中已经有答案了,没错就y
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Math</title>
</head>
<body>
<script>
// 4.结合数组 实现随机抽取
let arr = ['zero', 'one', 'two', 'three']
let random = Math.floor(Math.random() * arr.length)
// 因为数组下标本就是从0开始 这里数组长度为:4
// random() 取值为[0,4) 包含3 不包含4
console.log(random) // 打印一个[0,4) 的随机数
console.log(arr[random]) // 随机打印数组元素
</script>
</body>
</html>
应用示例:实现随机点名操作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>随机点名</title>
</head>
<body>
<script>
let names = ['张三','李四','王五','马六','赵七','大聪明']
let random = Math.floor(Math.random()*names.length)
document.write(random)// 打印一个个随机数作为数组的索引号
document.write(names[random]) // 打印这个随机数对应的数组元素
</script>
</body>
</html>