<!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. Canopy聚类算法

    Canopy聚类算法(经典,看图就明白) 聚类算法. 这个算法获得的并不是最终结果,它是为其他算法服务的,比如k-means算法.它能有效地降低k-means算法中计算点之间距离的复杂度. 图中有一个 ...

  2. In function 'int av_clipl_int32_c(int64_t)': error: 'UINT64_C' was not declared in this scope

    cygwin下使用ndk编译jni时遇到的错误: /ffmpeg/include/libavutil/common.h: In function 'int av_clipl_int32_c(int64 ...

  3. SQL Where 字符串拼接

    ) set @s='1,2,3' --法一: --法二: exec('select * from tb where id in ('+@s+')')

  4. Emgu学习之（一）----Emgu简介

    OpenCV OpenCV是一个开源的跨平台的计算机视觉库,它的设计目标时执行速度尽量快,主要关注实时应用.可以运行在Linux.Windows.Mac OS.Android.IOS.Maemo.Fr ...

  5. BP算法在minist数据集上的简单实现

    BP算法在minist上的简单实现 数据:http://yann.lecun.com/exdb/mnist/ 参考:blog,blog2,blog3,tensorflow 推导:http://www. ...

  6. 【原】Coursera—Andrew Ng机器学习—课程笔记 Lecture 8_Neural Networks Representation 神经网络的表述

    神经网络是一种受大脑工作原理启发的模式. 它在许多应用中广泛使用:当您的手机解释并理解您的语音命令时,很可能是神经网络正在帮助理解您的语音; 当您兑现支票时,自动读取数字的机器也使用神经网络. 8.1 ...

  7. 页面布局 frameset元素

    frameset.html: <!DOCTYPE html><html lang="en"><head> <meta charset=&q ...

  8. 【bzoj2186】[Sdoi2008]沙拉公主的困惑

    2186: [Sdoi2008]沙拉公主的困惑 Time Limit: 10 Sec  Memory Limit: 259 MBSubmit: 3303  Solved: 1129[Submit][S ...

  9. 无限极分类的JS实现

    纯JS实现无限极分类 <!DOCTYPE html> <html> <head> <title></title>//引入Jquery < ...

  10. CodeForces - 721E

    题目大意 现有一个长为 L的数轴,你要从0走到 L 给出n个互不相交的可行域. 你要选择长度为p的段,要求每一个段都要在可行域内. 选完一段之后下一段要么和其相接,要么和其间距至少为t,求问最多能选择 ...