龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

javascript 随机抽取数组中一值

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
文章介绍一个实现用来随机抽取数组中一值解决办法,有需要的朋友可参考一下。 从数组 m 中随机取出 n 个值,看代码: 代码如下 var m = [1,2,3,4,5,6,7,8,9,'a','b','c','d','e','#']; function randA
文章介绍一个实现用来随机抽取数组中一值解决办法,有需要的朋友可参考一下。

从数组 m 中随机取出 n 个值,看代码:

 代码如下

var m = [1,2,3,4,5,6,7,8,9,'a','b','c','d','e','#'];

function randArray(m, len) {
    m.sort(function () {
        return Math.random() - 0.5;
    });
    return m.slice(0, len);
}

console.log(randArray(m, 4));

从数组 m 中随机取出 n 个值,看代码:

 代码如下

var arr = [1,2,3,4,5,6,7,8,9,'php','js','shell','seo','linux','&','#'];

function getRand(arr, len) {
    //这儿用到了js的函数式写法
    arr.sort(function () {
        return Math.random()-0.5;
    });
    return arr.slice(0, len);
}
//在Chrome中的js控制台中显示
//console.log(getRand(arr, 4));
document.write('<pre>');
document.writeln('随即抽取的元素为:'+getRand(arr, 3));
document.writeln('随即抽取的元素为:'+getRand(arr, 3).join('_'));

注:
javascript中toString的用法 可以将数组、对象、函数、数字转换成字符串

从数组中随机取出多个不重复的项

 

 代码如下

<script language="javascript">
//从一个给定的数组arr中,随机返回num个不重复项
function getArrayItems(arr, num) {
    //新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组;
    var temp_array = new Array();
    for (var index in arr) {
        temp_array.push(arr[index]);
    }
    //取出的数值项,保存在此数组
    var return_array = new Array();
    for (var i = 0; i<num; i++) {
        //判断如果数组还有可以取出的元素,以防下标越界
        if (temp_array.length>0) {
            //在数组中产生一个随机索引
            var arrIndex = Math.floor(Math.random()*temp_array.length);
            //将此随机索引的对应的数组元素值复制出来
            return_array[i] = temp_array[arrIndex];
            //然后删掉此索引的数组元素,这时候temp_array变为新的数组
            temp_array.splice(arrIndex, 1);
        } else {
            //数组中数据项取完后,退出循环,比如数组本来只有10项,但要求取出20项.
            break;
        }
    }
    return return_array;
}

//测试
var my_array = new Array();
for (i = 0; i < 20; i++)
{
   my_array[i] = "Num:"+i;
}

my_array = getArrayItems(my_array,5);
for (i = 0; i < my_array.length; i++)
{
   alert(my_array[i]);
}

</script>


精彩图集

赞助商链接