用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 相关文章推荐
使用jQuery模板来展现json数据的代码
Oct 22 Javascript
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
Apr 10 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
原生JS 购物车及购物页面的cookie使用方法
Aug 21 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
微信小程序页面间值传递的两种方法
Nov 26 Javascript
JS co 函数库的含义和用法实例总结
Apr 08 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
是否存在第一台收音机的说法
2021/03/01 无线电
在PHP的图形函数中显示汉字
2006/10/09 PHP
深入PHP5中的魔术方法详解
2013/06/17 PHP
PHP生成图片验证码、点击切换实例
2014/06/25 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
JavaScript获取表单enctype属性的方法
2015/04/02 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
2016/08/04 Javascript
javascript 中Cookie读、写与删除操作
2017/03/29 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
es6中new.target的作用和使用场景简单示例分析
2020/03/14 Javascript
python使用正则表达式的search()函数实现指定位置搜索功能
2017/11/10 Python
python 解决动态的定义变量名,并给其赋值的方法(大数据处理)
2018/11/10 Python
浅谈PySpark SQL 相关知识介绍
2019/06/14 Python
pandas DataFrame的修改方法(值、列、索引)
2019/08/02 Python
Python如何调用JS文件中的函数
2019/08/16 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
Python3读写ini配置文件的示例
2020/11/06 Python
python解包用法详解
2021/02/17 Python
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
2017/08/18 HTML / CSS
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
UNIX文件系统常用命令
2012/05/25 面试题
考试违纪检讨书
2014/02/02 职场文书
广告学专业自荐信范文
2014/02/24 职场文书
初三学习决心书
2014/03/11 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
学生病假条怎么写
2015/08/17 职场文书