使用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. iOS 面试题（一）：寻找最近公共 View --转自唐巧
			
    题目:找出两个 UIView 的最近的公共 View,如果不存在,则输出 nil . 分析:这其实是数据结构里面的找最近公共祖先的问题. 一个 UIViewController 中的所有 view 之 ...
    
			
    2. 
						
  2. LeetCode Find All Anagrams in a String
			
    原题链接在这里:https://leetcode.com/problems/find-all-anagrams-in-a-string/ 题目: Given a string s and a non- ...
    
			
    3. 
						
  3. sys.stdout.write与sys.sterr.write(三)
			
    目标: 1.使用sys.stdout.write模拟"|"的顺时针变化- \ | / 2.使用sys.stderr.write模拟"|"的顺时针变化- \ |  ...
    
			
    4. 
						
  4. Linux 利用进程打开的文件描述符(/proc)恢复被误删文件
			
    Linux 利用进程打开的文件描述符(/proc)恢复被误删文件 在 windows 上删除文件时,如果文件还在使用中,会提示一个错误:但是在 linux 上删除文件时,无论文件是否在使用中,甚至是还 ...
    
			
    5. 
						
  5. MyBatis操作指南-与Spring集成（基于注解）
			
    
			
    6. 
						
  6. Android studio 出现 Unsupported major.minor version 52.0
			
    参考资料:http://blog.csdn.net/fakine/article/details/51241202 最近更新了Android studio 之后,出现了Error:java.lang. ...
    
			
    7. 
						
  7. docker 服务升级
			
    使用docker大家一般都是微服务部署了.个人的经验是乖乖的用docker自己的注册发现机制. 创建一个overlay类型的network.把所有的微服务加入进去.就可以把service name当作 ...
    
			
    8. 
						
  8. HTML5 video标签播放视频下载原理
			
    HTML5 video https://github.com/remy/html5demos/blob/master/demos/video.html <video preload=" ...
    
			
    9. 
						
  9. leetcode bugfree note
			
    463. Island Perimeterhttps://leetcode.com/problems/island-perimeter/就是逐一遍历所有的cell,用分离的cell总的的边数减去重叠的 ...
    
			
    10. 
						
  10. js 控制浏览器窗口大小
			
    //打开一个新窗口并设置其大小window.open('index.html','','width=450,height=750,location=no,menubar=no,status=no,to ...
    
			
    11.