用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 相关文章推荐
用js实现手把手教你月入万刀(转贴)
Nov 07 Javascript
javascript AutoScroller 函数类
May 29 Javascript
js压缩工具 yuicompressor 使用教程
Mar 31 Javascript
javascript 闭包详解
Jul 02 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
js获取地址栏中传递的参数(两种方法)
Feb 08 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 Javascript
命令行批量截图Node脚本示例代码
Jan 25 Javascript
详解vue父子组件关于模态框状态的绑定方案
Jun 05 Javascript
js实现验证码干扰(动态)
Feb 23 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
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
解析php中heredoc的使用方法
2013/06/17 PHP
解析PHP中empty is_null和isset的测试
2013/06/29 PHP
在PHP中使用redis
2013/11/04 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
详解如何实现Laravel的服务容器的方法示例
2019/04/15 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
JQuery在光标位置插入内容的实现代码
2010/06/18 Javascript
判断用户的在线状态 onbeforeunload事件
2011/03/05 Javascript
JS定时刷新页面及跳转页面的方法
2013/07/04 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
JavaScript注入漏洞的原理及防范(详解)
2016/12/04 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
2018/08/23 jQuery
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
python调用新浪微博API项目实践
2014/07/28 Python
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
python中返回矩阵的行列方法
2018/04/04 Python
python验证码识别教程之滑动验证码
2018/06/04 Python
python3实现随机数
2018/06/25 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
python实现感知机模型的示例
2020/09/30 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
美国从事品牌鞋类零售的连锁店:Famous Footwear
2016/08/25 全球购物
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
丑小鸭教学反思
2014/02/03 职场文书
餐厅采购员岗位职责
2014/03/06 职场文书
竞选部长演讲稿
2014/04/26 职场文书
白酒代理协议书范本
2014/10/26 职场文书
2014年手术室工作总结
2014/11/26 职场文书
离职感谢信怎么写
2015/01/22 职场文书
起诉书格式范文
2015/05/20 职场文书
浅谈redis的过期时间设置和过期删除机制
2022/03/18 MySQL