javascript实现数组中的内容随机输出
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript实现数组中的内容随机输出，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2264字，纯文字阅读大概需要4分钟。
内容图文
有时候我们可能需要从数组中随机抽出一项内容，下面就通过一段代码实例介绍一下如何实现此效果。
代码如下:
<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.length
while(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代码可以对数组内的元素进行随机排列，这个非常有用，比如我们在玩扑克牌的时候可以让扑克牌进行排列，也就是电脑洗牌。
内容总结
以上是互联网集市为您收集整理的javascript实现数组中的内容随机输出全部内容，希望文章能够帮你解决javascript实现数组中的内容随机输出所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】