首页 > 编程 > JavaScript > 正文

javascript实现数组中的内容随机输出

2019-11-20 11:52:10
字体:
来源:转载
供稿:网友

有时候我们可能需要从数组中随机抽出一项内容,下面就通过一段代码实例介绍一下如何实现此效果。

代码如下:

<script type="text/JavaScript"> var theArray=new Array();theArray[0]="武林网";theArray[1]="武林网一";theArray[2]="武林网二";theArray[3]="武林网三";theArray[4]="武林网四";theArray[5]="武林网五";theArray[6]="武林网六";function ranFun(){ return parseInt(Math.random()*7);}document.write(theArray[ranFun()]);</script>

以上代码可以随机输出数组中的元素,代码非常的简单,通过使用随机数函数为数组提供一个随机的索引即可。

从数组随机读取N条不同数据

方法一

var ary = new Array();var xiaowu=new Array(“1我的“,“2我的“,“3我的“,“4我的“,“5我的“,“6我的“,“7我的“,“8我的“,“9我的“,“10我的“,“11我的“,“12我的“,“13我的“,“14我的“,“15我的“,“16我的“,“17我的“,“18我的“,“19我的“,“20我的”);var s01=xiaowu.lengthwhile(ary.length < 6){var tmp =xiaowu[parseInt(Math.random()*s01)]var b = false;for (var i=0; i<ary.length; i++){if (ary[i] == tmp){b = true;break;}}if (!b)ary[ary.length] = tmp;}document.write(ary[0]);document.write(ary[1]);document.write(ary[2]);document.write(ary[3]);document.write(ary[4]);document.write(ary[5]);

方法二

//从一个给定的数组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 ArrList=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33];alert(getArrayItems(ArrList,6));

这段JS代码可以对数组内的元素进行随机排列,这个非常有用,比如我们在玩扑克牌的时候可以让扑克牌进行排列,也就是电脑洗牌。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表