用js实现随机返回数组的一个元素


Posted in Javascript onAugust 13, 2007
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var test = ["aa","bb","cc","dd","ee"]; 
document.write(test[Math.floor(Math.random()*test.length)]); 
setInterval("location.reload()",1000); 
//--> 
</SCRIPT>

这是个奇妙的方法。适合做标题性质文字的随机轮换显示。

有两种不同的方式实现:

一、随机取单个,二、让整个数组随机排序

注意:[ ] 符号在javascript中定义一个数组,{ } 则定义一个对象

随机取得数组里面的某一个:

<script type="text/javascript"> 
//随机取得数组中的一个 
var Arr = ["a","b","c","d"];  
var n = Math.floor(Math.random() * Arr.length + 1)-1;  
alert(Arr[n]);  
</script> 

随机排序整个数组Array:

<script type="text/javascript">  
//随机排序整个数组
var Arr1=[1,2,3,4,5,6,7,8,9,10,22,33,55,77,88,99];  
Arr1.sort(function(){return Math.random()>0.5?-1:1;});  
alert(Arr1);  
</script> 

==========================================

PHP 里面有个非常方便的打乱数组的函数 shuffle() ,这个功能在许多情况下都会用到,但 javascript 的数组却没有这个方法,没有不要紧,可以扩展一个,自己动手,丰衣足食嘛。

<script type="text/javascript"> 
//<![CDATA[ 
var shuffle = function(v){ 
for(var j, x, i = v.length; i; j = parseInt(Math.random() * i), x = v[--i], v[i] = v[j], v[j] = x); 
return v; 
}; 
var a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; 
document.write("A = ", a.join(","), "<br><br>shuffle(A) = ", shuffle(a)); 
if (!Array.prototype.shuffle) { 
Array.prototype.shuffle = function() { 
for(var j, x, i = this.length; i; j = parseInt(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x); 
return this; 
}; 
} 
document.write("<br>A.shuffle() = ", a.shuffle()); 
//]]> 
</script>
Javascript 相关文章推荐
详解Javascript动态操作CSS
Dec 08 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
Mar 04 Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
Sep 11 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
Jan 07 Javascript
React中的Context应用场景分析
Jun 11 Javascript
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 #Javascript
用JavaScript 处理 URL 的两个函数代码
Aug 13 #Javascript
增强的 JavaScript 的 trim 函数的代码
Aug 13 #Javascript
让回调函数 showResponse 也带上参数的代码
Aug 13 #Javascript
分析 JavaScript 中令人困惑的变量赋值
Aug 13 #Javascript
IE/FireFox具备兼容性的拖动代码
Aug 13 #Javascript
JavaScript 编程引入命名空间的方法与代码
Aug 13 #Javascript
You might like
php跨服务器访问方法小结
2015/05/12 PHP
响应鼠标变换表格背景或者颜色的代码
2009/03/30 Javascript
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
jquery 动态创建元素的方式介绍及应用
2013/04/21 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
js实现的奥运倒计时时钟效果代码
2015/12/09 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
快速入门Vue
2016/12/19 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
Angular异步变同步处理方法
2018/08/13 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 jQuery
详解小程序开发经验:多页面数据同步
2019/05/18 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
vue中v-model对select的绑定操作
2020/08/31 Javascript
numpy.transpose对三维数组的转置方法
2018/04/17 Python
python二维键值数组生成转json的例子
2019/12/06 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
巴西最大的体育用品商城:Netshoes巴西
2016/11/29 全球购物
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
旅游管理实习自我鉴定
2013/09/29 职场文书
留学自荐信的技巧
2013/10/17 职场文书
“学雷锋活动月”总结
2014/03/09 职场文书
质量月活动策划方案
2014/03/10 职场文书
家长对学生的评语
2014/04/18 职场文书
村级个人对照检查材料
2014/08/22 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
食堂管理制度范本
2015/08/04 职场文书
2019年教师入党申请书
2019/06/27 职场文书