<!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. 生成signature

    签名规则说明 1. 将参数先按键值排序(只做一级排序),进行key和value的拼接 2. 拼接完后,在最后面再拼接上分配的 appSecret 然后用sha1对拼接串加密 签名示例 假如传入参数: ...

  2. http://www.jb51.net/list/list_233_2.htm(导航： 首页 >> 软件编程 >> Android)

      日期:2015-04-24理解Android中Activity的方法回调 日期:2015-04-24Android获取手机通讯录.sim卡联系人及调用拨号界面方法 日期:2015-04-24And ...

  3. Python绘图matplotlib

    转自http://blog.csdn.net/ywjun0919/article/details/8692018 Python图表绘制:matplotlib绘图库入门 matplotlib 是pyth ...

  4. webmagic使用

    webmagic是Java语言用于爬虫的工具.官网地址:http://webmagic.io/,中文文档地址:http://webmagic.io/docs/zh/ 使用webmagic有3种配置需要 ...

  5. zookeeper更进一步（数据模型、watcher及shell命令）

    ZooKeeper数据模型 ZooKeeper 的数据模型,在结构上和标准文件系统的非常相似,拥有一个层次的命名空间,都是采用树形层次结构,ZooKeeper 树中的每个节点被称为—Znode.和文件 ...

  6. solr4.3+tomcat入门部署

    solr4.3的入门配置   目前阿帕奇官方仅推荐2个比较稳定的版本一个是4.3的版本,一个3.6的版本     3.6的版本没有用过,所以在此无涉及,下面就来说说solr4.3的入门配置     s ...

  7. 【总结整理】关于房产app的比较

    从切换城市的分类方式就能看出来,因覆盖城市很多,搜房网(房天下)跟安居客都用上了拼音选房,而链家因城市很少,只需简单罗列即可. 搜房网(房天下)覆盖城市多达651个,覆盖范围最广,安居客为500个,两 ...

  8. Quick Find

    --------------------siwuxie095                                 Quick Find         这里介绍并查集的一种实现思路:Qui ...

  9. linux ssh使用深度解析（key登录详解）

    linux ssh使用深度解析(key登录详解) SSH全称Secure SHell,顾名思义就是非常安全的shell的意思,SSH协议是IETF(Internet Engineering Task ...

  10. ROS indigo Ubuntu14.04 安装问题

    错误信息:Unpacking ros-indigo-desktop-full (1.1.6-0trusty-20181006-135515-0800) ... Errors were encounte ...