用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 相关文章推荐
top.location.href 没有权限 解决方法
Aug 05 Javascript
node.js中的url.resolve方法使用说明
Dec 10 Javascript
javascript实现滑动解锁功能
Dec 31 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 Javascript
值得分享和收藏的Bootstrap学习教程
May 12 Javascript
JS只能输入正整数的简单实例
Oct 07 Javascript
d3.js中冷门却实用的内置函数总结
Feb 04 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
vue项目中使用fetch的实现方法
Apr 25 Javascript
JavaScript this在函数中的指向及实例详解
Oct 14 Javascript
Ant Design的可编辑Tree的实现操作
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
海贼王:最美的悬赏令!
2020/03/02 日漫
使用PHP生成二维码的方法汇总
2015/07/22 PHP
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
PHP结合Vue实现滚动底部加载效果
2017/12/17 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
2013/09/22 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
jQuery实现带水平滑杆的焦点图动画插件
2016/03/08 Javascript
概述一个页面从输入URL到页面加载完的过程
2016/12/16 Javascript
javascript编程实现栈的方法详解【经典数据结构】
2017/04/11 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
2017/05/12 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
2019/03/07 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
Python2.7读取PDF文件的方法示例
2017/07/13 Python
Python多进程方式抓取基金网站内容的方法分析
2019/06/03 Python
python 三元运算符使用解析
2019/09/16 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
澳大利亚冲浪和时尚服装网上购物:SurfStitch
2017/07/29 全球购物
珍爱生命演讲稿
2014/05/10 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
延安红色之旅心得体会
2014/10/07 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书
2015新年联欢晚会开场白
2014/12/14 职场文书
2014年党小组工作总结
2014/12/20 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers