<!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. cocos2d-x v3.3开发环境配置

    开发环境: Win10 VS2012 链接:http://pan.baidu.com/s/1bn6S31d 密码:j2ol 配置Java SDK: 新建:JAVA_HOME =G:\Java\jdk1 ...

  2. CORS跨域资源共享漏洞

    CORS漏洞其中已经存在很久了,但是国内了解的人不是很多,文章更是少只有少,漏洞平台也没有此分类. 在DefConChina之后写了一篇算是小科普的文章. 定义CORS,Cross-Origin Re ...

  3. centos7 时间设置及ntp

    转自:https://blog.gtwang.org/linux/howto-set-date-time-from-linux-command-prompt/ 這裡介紹各種在 Linux 中以手動來調 ...

  4. 关于苹果safari浏览器登陆时Cookie无法保存的问题

    前段时间,修改了登录处理后给到客户端浏览器Cookie的内容,新增了一个姓名的value,发现safari不能保存该Cookie的内容,同时Chrome.firefox.ie等浏览器都能正常的访问,直 ...

  5. matlab 在柱状图上 显示数字

    x = rand(100,1);[n,y] = hist(x);bar(y,n);for i = 1:length(y)text(y(i),n(i)+0.5,num2str(n(i)));end

  6. 【原】Coursera—Andrew Ng机器学习—课程笔记 Lecture 2_Linear regression with one variable 单变量线性回归

    Lecture2   Linear regression with one variable  单变量线性回归 2.1 模型表示 Model Representation 2.1.1  线性回归 Li ...

  7. myeclipse，eclipse设置编码格式的4种情况，以及遇见部分问题的解决办法。

    (1).设置myeclipse工作空间的编码格式,作用范围最大 window-->preference-->general-->workspace-->text file en ...

  8. Eclipse导入tomcat服务器

    创建server

  9. spring框架 事务 xml配置方式

    user=LF password=LF jdbcUrl=jdbc:oracle:thin:@localhost:1521:orcl driverClass=oracle.jdbc.driver.Ora ...

  10. 12-在eclipse上安装lxml

    1.可用easy_install安装方式,也可以用pip的方式: pip install lxml 2.安装完毕:写代码导包时提示错误,这是需要配置一下eclipse,是因为它没有更新导入的包,所以需 ...