用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動態(tài)添加列的方法,實例分析了javascript操作table表單的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
隨著Web技術的發(fā)展,實現在線協(xié)作編輯文檔已經成為一種常見的需求,本文主要為大家詳細介紹了如何使用JavaScript實現實時在線協(xié)作編輯器,需要的可以參考下2024-01-01
下面小編就為大家?guī)硪黄猨s 將圖片連接轉換成base64格式的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章介紹了ECharts事件處理與實現旭日圖的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章主要為大家介紹了解決input輸入框僅支持輸入數字及兩位小數點的限制技巧示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
讀取XML文件的方法有很多，在本文為大家詳細介紹下使用js是如何做到的，感興趣的朋友可以參考下本文2013-11-11
這篇文章主要為大家介紹了JavaScript對象屬性設置和屏蔽技巧，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02