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

一只漫漫

已于 2024-03-12 19:57:29 修改

阅读量420

点赞数 13

分类专栏： web前端基础文章标签： javascript 开发语言 ecmascript

于 2024-03-12 19:36:01 首次发布

本文链接：https://blog.csdn.net/ZM20170703/article/details/136657696

版权

web前端基础专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了JavaScriptMath对象中的floor、ceil、round和random函数，以及如何利用这些函数生成指定范围的随机数，并展示了如何结合数组实现随机抽取元素，如随机点名功能的应用实例。

摘要由CSDN通过智能技术生成

关于内置对象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>