精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

JS没有现成的函数,能够直接生成指定范围的随机数。 但是它有个函数:Math.random() 这个函数可以生成 [0,1) 的一个随机数。 利用它,我们就可以生成指定范围内的随机数。

而涉及范围的话,就有个边界值的问题。这样就包含四种情况:

1)min ≤ r ≤ max  (一般这种比较常见)

2)min ≤ r < max

3) min < r ≤ max

4)min < r < max

一、min ≤ r ≤ max

function RandomNumBoth(Min,Max){
            var Range = Max - Min;
            var Rand = Math.random();
            var num = Min + Math.round(Rand * Range); //四舍五入
            return num;
}

二、min ≤ r < max

function RandomNum(Min, Max) {
            var Range = Max - Min;
            var Rand = Math.random();
            var num = Min + Math.floor(Rand * Range);  //舍去
            return num;
}

三、min < r ≤ max

function RandomNum(Min, Max) {
            var Range = Max - Min;
            var Rand = Math.random();
            if(Math.round(Rand * Range)==0){             
                return Min + 1;
            }
            var num = Min + Math.round(Rand * Range);
            return num;
}

四、min < r < max  

function RandomNum(Min, Max) {
            var Range = Max - Min;
            var Rand = Math.random();
            if(Math.round(Rand * Range)==0){
                return Min + 1;
            }else if(Math.round(Rand * Max)==Max)
            {
                index++;
                return Max - 1;
            }else{
                var num = Min + Math.round(Rand * Range) - 1;
                return num;
            }
 }

下面写一个范例演示代码

<div id="div1">
</div>
<script type="text/javascript">
    window.onload = function () {
        //随机数队列
        var datalist = [];
        //生成范围内的随机数
        function RandomNum(Min, Max) {
            var Range = Max - Min;
            var Rand = Math.random();
            var num = Min + Math.round(Rand * Range); //四舍五入
            return num;
        }
        //生成一定数量的随机数,填充到队列中
        function getDataList() {
            datalist = [];
            for (var i = 0; i < 100; i++) {
                datalist.push(RandomNum(1, 10)); //随机生成1到10的之间的数字
            }
            datalist.sort(function(a,b){
                return a - b; //将队列中的数据从小到大进行排序
            });
        }
        //将队列渲染为html
        function render() {
            var str = '';
            for (var i = 0; i < datalist.length; i++) {
                str += '<span>' + datalist[i] + '</span>';
            }
            document.getElementById('div1').innerHTML = str;
        }
 
        //初始化
        function init(){
            getDataList();//生成一定数量的随机数
            render();//进行渲染
        }
        init();
    }
</script>

在线Demo预览

Tags:JS 随机数