使用JS编写一个方法 让数组中的元素每次刷新随机排列(不得使用sort方法；需注明步骤思路)。例如：初始数组：a,b,c,d  每次刷新页面都会显示不同：b,c,d,a….a,d,c,b…等等
  代码：


<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
<!--变换顺序按钮-->
<input type="button" id="btnSort" value="变换顺序"/>
<script type="text/javascript" charset="UTF-8">
    var arr=["a","b","c","d"];          //定义一个数组，内容为a，b，c，d
    var btn=document.getElementById("btnSort");  //获取按钮button的节点
    btn.onclick=function(){
        var newArr=arrSort(arr);
        console.log(newArr.join(","));           //将数组newArr的内容，在控制台以逗号分开进行输出
    }
    function arrSort(arr){           //定义一个函数
        var newArr=[];          //定义一个新的数组
         var temp=[];          //定义一个新的数组
        for(var p in arr){    //引用类型不能直接用等号，通过循环来进行复制； 这里的p为下标，表示为取数组arr中的下标
            temp[p]=arr[p];     //将数组arr中的数赋值给新数组temp
        }
        for(var i=0;i<arr.length;i++){   //随机数  最小值为0；  最大值为  数组的长度-1
            var random=Math.round(Math.random()*(temp.length-1));  //生成0-数组temp.length-1的随机数
            newArr[i]=temp[random];              //将数组temp随机生成的数赋值给新数组newArr
            temp.splice(random,1);              //删除已经生成了的随机数对应的数组temp下标的值；
        }
        return newArr;
    }
</script>
</body>
</html>
												


											
JS写随机数的更多相关文章
	

    
								
  1. Node.js写文件的三种方法
		
    Node.js写文件的三种方式: 1.通过管道流写文件 采用管道传输二进制流,可以实现自动管理流,可写流不必当心可读流流的过快而崩溃,适合大小文件传输(推荐) var readStream = fs. ...
    
		
    2. 
						
  2. 用JS写了一个打字游戏，反正我是通不了关
		
    今天想写个简单的游戏, 打字游戏好像都没写过, 那么就写打字游戏吧, gamePad包含了关卡的信息, 可以用来调整给个关卡字符下落的速度: getRandom函数会返回一个字符对象, 这个对象包含了 ...
    
		
    3. 
						
  3. JS写小游戏（一）：游戏框架
		
    前言 前一阵发现一个不错的网站,都是一些用html5+css+js写的小游戏,于是打算学习一番,写下这个系列博客主要是为了加深理解,当然也有一些个人感悟,如果英文好可以直接Click Here. 概述 ...
    
		
    4. 
						
  4. 去它的h5，我还是用js写原生跨平台app吧
		
    智能手机功能越来越强大,已经在逐渐替代电脑的作用.百度.腾讯.阿里的移动端日活数也在逐步的赶上甚至超越电脑端用户.叫喊着“mobile first”的公司越来越多,App开发者应运而生,且队伍日趋庞大 ...
    
		
    5. 
						
  5. 原生js写的贪吃蛇网页版游戏特效
		
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <bo ...
    
		
    6. 
						
  6. 分享：计算机图形学期末作业！！利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”
		
    这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业 ...
    
		
    7. 
						
  7. 原生 js 写分页
		
    欢迎留言或者加本人QQ172360937咨询 这段代码是用原生 js 写的一个分页的效果 <!doctype html> <html lang="en">  ...
    
		
    8. 
						
  8. .NET获取不到js写的cookie解决方法
		
    今晚使用javascript设置一个来路的cookie,之后使用ASP.NET获取这个cookie值,发现ASP.NET获取不到JS设置的cookie值,真郁闷中,以下是JS写Cookie的代码: C ...
    
		
    9. 
						
  9. js获取随机数
		
    js 获取随机数方法如下: 1.Math.random()表示 结果为0-1间的一个随机数(包括0,不包括1) : 返回指定范围的随机数(m-n之间)的公式 Math.random()*(n-m)+m ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Centos下防止暴力破解密码 - Denyhost
			
    参考: http://www.centoscn.com/shell/2015/0703/5781.html 从http://sourceforge.net/projects/denyhosts/fil ...
    
			
    2. 
						
  2. python thrift 服务端与客户端使用
			
    一.简介 thrift是一个软件框架,用来进行可扩展且跨语言的服务的开发.它结合了功能强大的软件堆栈和代码生成引擎,以构建在 C++, Java, Python, PHP, Ruby, Erlang, ...
    
			
    3. 
						
  3. JAVA修饰符
			
    修饰符用来定义类.方法或者变量,通常放在语句的最前端.我们通过下面的例子来说明: public class className { // ... } private boolean myFlag; s ...
    
			
    4. 
						
  4. CSS之viewport 1
			
    在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如<html>元素,也包括窗口和屏幕. 这篇文章是关于桌面浏览器的,其唯一的目的就是为移动浏览器中 ...
    
			
    5. 
						
  5. UE4入门与精通
			
    由于目前在使用UE4引擎,多少也有一些心得,比如在日常使用中会遇到一些问题.坑(潜规则)或者一些使用技巧等.本人决定开一个大坑,主要有两个目的:一是可以自己做个记录,二是可以给大家提供一些参考吧.主要 ...
    
			
    6. 
						
  6. PAT复杂度_最大子列和问题、最大子列和变种
			
    01-复杂度1. 最大子列和问题 给定K个整数组成的序列{ N1, N2, ..., NK },“连续子列”被定义为{ Ni, Ni+1, ..., Nj },其中 1 <= i <= j ...
    
			
    7. 
						
  7. MVC中的一般权限管理
			
    权限管理,一般指根据系统设置的安全规则或者安全策略,用户可以访问而且只能访问自己被授权的资源,不多不少.权限管理几乎出现在任何系统里面,只要有用户和密码的系统.权限管理还是比较复杂的,有的固定到某个模 ...
    
			
    8. 
						
  8. Leetcode: Sequence Reconstruction
			
    Check whether the original sequence org can be uniquely reconstructed from the sequences in seqs. Th ...
    
			
    9. 
						
  9. js隐式转换
			
    JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object.object是引用类型,其它的五种是基本类型或者是原始类型.我们可 ...
    
			
    10. 
						
  10. Flipboard-BottomSheetlayout 源码分析
			
    BottomSheetLayout BottomSheet:Google在API 23中已经加入了这样的一个控件. BottomSheet介绍: BottomSheet是一个可以从底部飞入和飞出的An ...
    
			
    11.