使用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. DataTable/集合 转 Json
			
    前端用的jqueryUI框架获取json格式数据绑定显示表格. 后端通过WebService获取的数据是DataTable. 现将获取DataTable转Json,也支持将数据集合转Json. 一.项 ...
    
			
    2. 
						
  2. kafka集群搭建和使用Java写kafka生产者消费者
			
    1 kafka集群搭建 1.zookeeper集群  搭建在110, 111,112 2.kafka使用3个节点110, 111,112 修改配置文件config/server.properties  ...
    
			
    3. 
						
  3. Spring原理解析-利用反射和注解模拟IoC的自动装配
			
    
			
    4. 
						
  4. ios枚举规范
			
    
			
    5. 
						
  5. NSUserDefaults存取失败
			
    解决办法: 1.存储NSUserDefaults时,强制NSUserDefault存入沙盒 [[NSUserDefaults standardUserDefaults] setObject:sAcco ...
    
			
    6. 
						
  6. 学习IO流
			
    学习IO流,不得不提到的就是JavaIO流.流就是字节序列的抽象概念,能被连续读取数据的数据源和能被连续写入数据的接受端就是流,流机制是Java及C++中的一个重要机制,通过流我们可以自由得控制文件, ...
    
			
    7. 
						
  7. jQuery插件的开发之$.extend(),与$.fn.extend()
			
        jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种 ...
    
			
    8. 
						
  8. swift基础：第四部分：对函数和闭包的深入
			
    ()之前在什么公司,都自己做过哪些项目,从架构的角度来谈谈你的项目. () 你对iOS不同版本是怎么看的,你在做项目的过程当中,是如何应对版本问题的. () 你对iOS的性能是怎么优化的. () 你通 ...
    
			
    9. 
						
  9. ftp unable to fetch some archives,maybe run apt-get update or try with -- fix-missing?
			
    引用:http://bbs.csdn.net/topics/340061850 先 apt-get update 再执行安装
    
			
    10. 
						
  10. opencv的学习笔记5
			
    总结原博文中的一些边缘检测算子和滤波器.(Canny算子,  Sobel算子,  Laplace算子以及Scharr滤波器) 首先,一般的边缘检测包括三个步骤: 1)滤波:边缘检测的算法主要是基于图像 ...
    
			
    11.