javaScript | javaScript内置对象 Math的应用如何实现随机打印数组元素

关于内置对象math的属性和方法有很多，具体可以参考文档：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math/floor

这里简单介绍几个：

javascript 复制代码

        // 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

javascript 复制代码

        // 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

javascript 复制代码

<!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>

应用示例：实现随机点名操作

javascript 复制代码

<!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>

javaScript | javaScript内置对象 Math的应用 如何实现随机打印数组元素

javaScript | javaScript内置对象 Math的应用如何实现随机打印数组元素