用js实现随机返回数组的一个元素
更新时间：2007年08月13日 19:50:42 作者：
js实现随机返回数组的一个元素，这是个奇妙的方法。适合做标题性质文字的随机轮换显示
复制代码 代码如下:
<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实现鼠标悬浮页面切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了es6中new.target的作用和使用场景,结合简单示例形式分析了es6中new.target的基本功能、原理、使用方法及操作注意事项,需要的朋友可以参考下2020-03-03
js实现跨域的几种方法汇总（图片ping、JSONP和CORS）
平时用惯了jQuery.ajax之类的方法，却时常忽略了它背后的实现，本文是学习了AJAX基础及几种跨域解决方案之后的一些收获。2015-10-10
这篇文章主要介绍了JavaScript动态添加列的方法,实例分析了javascript操作table表单的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
随着Web技术的发展,实现在线协作编辑文档已经成为一种常见的需求,本文主要为大家详细介绍了如何使用JavaScript实现实时在线协作编辑器,需要的可以参考下2024-01-01
下面小编就为大家带来一篇js 将图片连接转换成base64格式的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章介绍了ECharts事件处理与实现旭日图的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
这篇文章主要为大家介绍了解决input输入框仅支持输入数字及两位小数点的限制技巧示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
读取XML文件的方法有很多，在本文为大家详细介绍下使用js是如何做到的，感兴趣的朋友可以参考下本文2013-11-11
这篇文章主要为大家介绍了JavaScript对象属性设置和屏蔽技巧，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
最新评论