<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>随机五个数</title>

</head>

<body>

    <h1>第一种：正常数组</h1>

    <div id="demo"></div>

    <script type="text/javascript">

        var demo = document.getElementById('demo');//获取对象

        var arr = ['6666','9999','8888'];//数组

        var arrLength = arr.length;//获取数组长度

        var sj = Math.random()*arrLength;//随机

        var i = Math.floor(sj);//取整

        // 赋值

        demo.innerHTML=arr[i];//取数组里面的值（下标）

    </script>

    <h1>第二种写法：字符串数组</h1>

    <div id="demo2"></div>

    <script type="text/javascript">

        var demo2 = document.getElementById('demo2');

        var arr2 = "一一一,二二二,三三三";//字符串

        function num(d){

            var fenge = d.split(',');//分割字符串

            var arrLength2 = fenge.length;

            var sj2= Math.random()*arrLength2;

            var index = Math.floor(sj2);

            demo2.innerHTML = fenge[index];

        }

        num(arr2)

    </script>

</body>

</html>

效果图：

 随机1-22：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <p id="demo"></p>

    <script>

        //    function RandomNumBoth(Min, Max) {

        //         var Range = Max - Min;

        //         var Rand = Math.random();

        //         var num = Min + Math.round(Rand * Range);

        //         return num;

        //     }

        // let arr = [];

        // for (let i = 0; i < 6; i++) {

        //     arr.push(`${parseInt(RandomNumBoth(1, 22))}-${RandomNumBoth(0, 1)}`)

        // }

        // let newArr = [...new Set(arr)];

        // if (arr.length === newArr.length) {

        //     alert("符合要求了")

        // } else {

        //     alert("有重复的")

        // }

        // console.log(arr)

        function RandomNumBoth(Min, Max) {

            var Range = Max - Min;

            var Rand = Math.random();

            var num = Min + Math.round(Rand * Range);

            return num;

        }

        let arr = [];

        for (let i = 0; i < 6; i++) {

            let sj = `${parseInt(RandomNumBoth(1, 22))}-${RandomNumBoth(0, 1)}`

            if (!arr.includes(sj)) {

                arr.push(sj)

            }

        }

        console.log(arr);

    </script>

</body>

</html>

JavaScript随机数组（数组、随机、取整、取值的过程）的更多相关文章

  1. C 逻辑运算, 移位运算 , 取整 , 取模(取余)

    一. 按位运算 (快速操作数据的某个位) ^   按位异或 ~  按位取反 &  按位与 |  按位或 二. 逻辑运算 &&  逻辑与   有一个值为 0 ,值为 0 ||  ...

  2. javascript 取整,取余数 math方法

    1.丢弃小数部分,保留整数部分 parseInt() 函数可解析一个字符串,并返回一个整数. parseInt(string, radix) 参数 描述 string 必需.要被解析的字符串. rad ...

  3. javascript 取整,取余数

    1.丢弃小数部分,保留整数部分 parseInt(5/2) 2 2.向上取整,有小数,则整数部分加1 Math.ceil(5/2) 3 3.四舍五入 Math.round(5/2) 3 4.向下取整 ...

  4. js 取整 取余

    1.取整//保留整数部分parseInt(3/2) // 1 2.向上取整// 向上取整,有小数就整数部分加1Math.ceil(3/2) // 2 3.四舍五入// 四舍五入Math.round(3 ...

  5. qt qchart缩放后坐标轴间隔取整

    使用qt的qchart显示数据曲线,坐标轴QValueAxis可以设置刻度间隔数量,但每个刻度的数值是根据坐标的极值除以间隔数量得到的,不一定是整数,导致曲线控件的显示刻度不适合观察. 如图: 纵坐标 ...

  6. JS 将数值取整为10的倍数

    问题描述: 将数值处理为 10 的倍数,并支持向上或者向下取整 如将 2345 可以处理为 2300 | 2400 | 3000 | 2000 解决方案: /** * 将数字取整为10的倍数 * @p ...

  7. JS案例之8——从一个数组中随机取数

    近期项目中遇到一个需求,从一个列表中随机展示列表的部分内容,需求不大,JS也非常容易实现.主要是运用到了Math对象的random方法,和Array的splice方法. 思路是先新建一个数组,存放所有 ...

  8. javascript高逼格代码实现数组去重，JSON深度拷贝，匿名函数自执行，数字取整等

    1.如何装逼用代码骂别人傻逼 (!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]] 2.如何优雅的用代 ...

  9. JavaScript 系列--JavaScript一些奇淫技巧的实现方法（三）数字取整，数组求和

    一.前言 简短的sleep函数,获取时间戳:https://www.mwcxs.top/page/746.html 数字格式化 1234567890 --> 1,234,567,890:argr ...

随机推荐

  1. 使用Easy-creds创建伪AP

    项目地址:https://github.com/brav0hax/easy-creds 打开文件夹 安装easy-creds root@sch01ar:/sch01ar/easy-creds# ./i ...

  2. oracle 函数中，一定要注意出现空记录和多条记录的处理方法

    今天折腾了3个小时,为一个以前不知道的oracle函数机制: 在sql查询中,如果一个查询未能获取记录,oracle不会报错 如select aa from bb where 1=2; 但在oracl ...

  3. Spring Cloud Eureka 1（eureka简介）

    Spring Cloud Eureka 是 Spring Cloud Netflix微服务套件中的一部分,基于netflix eureka做了二次封装,主要负责完成微服务架构中的服务治理功能. 服务治 ...

  4. ubuntu安装vsftpd

    使用以下命令安装vsftpd: apt-get install vsftpd 安装完成后,文件服务器已经开启了. 然后就可以连接,可以使用xftp等工具,在上传和下载的时候要注意权限,不然会失败.

  5. OSCache简介

    一.简介 Cache是一种用于提高系统响应速度.改善系统运行性能的技术.尤其是在Web应用中,通过缓存页面的输出结果,可以很显著的改善系统运行性能. OSCache标记库由OpenSymphony设计 ...

  6. laravel使用ORM操作数据库

    laravel使用ORM操作数据库 public function mode(){ //查询所有 $isok=Student::get(); 新增. (1) $isok=Student::create ...

  7. 使用FileReader与FileWriter读写数据

    -------------siwuxie095                         工程名:TestFileRW 包名:com.siwuxie095.filerw 类名:FileReade ...

  8. SaeMail使用示例

    SAE的官方文档:http://apidoc.sinaapp.com/sae/SaeMail.html SaeMail类的具体实现:http://apidoc.sinaapp.com/__fileso ...

  9. c++策略模式(Strategy Method)

    别人的博客再讲策略模式时都会讲三国,策略类就是赵云的锦囊,锦囊里装着若干妙计.在打仗时想要用什么妙计,直接从锦囊里去取. 锦囊类: class context { public: context(IS ...

  10. Tensorflow Mask-RCNN训练识别箱子的模型运行结果（练习）

    Tensorflow Mask-RCNN训练识别箱子的模型