用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入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
javascript 短路法代码精简
Aug 20 Javascript
javascript整除实现代码
Nov 23 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
table对象中的insertRow与deleteRow使用示例
Jan 26 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
第一次接触神奇的Bootstrap表单
Jul 27 Javascript
AngularJS表格样式简单设置方法示例
Mar 03 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
Apr 15 Javascript
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 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学习 字符串课件
2008/06/15 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
js滚动条多种样式,推荐
2007/02/05 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
JS操作Cookie写入和读取实例代码
2013/10/20 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
javascript类型系统——undefined和null全面了解
2016/07/13 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
基于jQuery封装的分页组件
2017/06/26 jQuery
详解Express笔记之动态渲染HTML(新手入坑)
2018/12/13 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日
2021/03/11 DOTA
python实现博客文章爬虫示例
2014/02/26 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
Python入门必须知道的11个知识点
2018/03/21 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
python如何读取bin文件并下发串口
2019/07/05 Python
python实现对图片进行旋转,放缩,裁剪的功能
2019/08/07 Python
Python decimal模块使用方法详解
2020/06/08 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
python3定位并识别图片验证码实现自动登录功能
2021/01/29 Python
银行批评与自我批评
2014/02/10 职场文书
学校出纳员岗位职责
2014/03/18 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
员工离职证明范本
2015/06/12 职场文书
学习经验交流会总结
2015/11/02 职场文书
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis
nginx lua 操作 mysql
2022/05/15 Servers
python实现商品进销存管理系统
2022/05/30 Python