javascript随机抽取0-100之间不重复的10个数


Posted in Javascript onFebruary 25, 2016

目前只学会两种简单的方法,帮助大家实现随机抽取0-100之间不重复的10个数,具体内容如下

第一种利用数组长度可改写的特点

思路:可以从0到100的数用for循环出来放在一个数组中,然后将这100个数利用sort()随机打乱,然后通过将这个数组的length改写为10,便取到了10个不同的数.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
  var arr=[];
  for(var i=0;i<100;i++){//一个从0到100的数组
    arr.push(i);
  }
  arr.sort(function(){//随机打乱这个数组
    return Math.random()-0.5;
  })
  arr.length=10;//改写长度
  console.log(arr);//控制台会输出10个不同的数
  </script>
</head>
<body>
</body>
</html>

第二种利用的是json对象的key值唯一的特点.

思路:先分别定义一个保存数组的空数组和一个空的json对象,

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
  //json对象,key值是唯一的,key值可以为数字
  var arr=[];
  var json={};
  while(arr.length<10){
    var k=Math.round(Math.random()*100);
    if(!json[k]){
      json[k]=true;
      arr.push(k);
    }
  }
  console.log(arr)
  </script>
</head>
<body>
  
</body>
</html>

希望本文对大家学习javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript操作文本框readOnly
May 15 Javascript
JQuery与iframe交互实现代码
Dec 24 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
js无法获取到html标签的属性的解决方法
Jul 26 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
Mar 30 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
May 07 Javascript
vue-router 中router-view不能渲染的解决方法
May 23 Javascript
VUE-cli3使用 svg-sprite-loader
Oct 20 Javascript
Vue中jsx不完全应用指南小结
Nov 01 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
Dec 29 Javascript
在vue中created、mounted等方法使用小结
Jul 21 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 Vue.js
JavaScript实现多种排序算法
Feb 24 #Javascript
JavaScript中的时间处理小结
Feb 24 #Javascript
JS设置cookie、读取cookie
Feb 24 #Javascript
jquery form表单获取内容以及绑定数据
Feb 24 #Javascript
javascript cookie的简单应用
Feb 24 #Javascript
javascript的正则匹配方法学习
Feb 24 #Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 #Javascript
You might like
header()函数使用说明
2006/11/23 PHP
关于zend studio 出现乱码问题的总结
2013/06/23 PHP
PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等)
2014/04/21 PHP
php堆排序实现原理与应用方法
2015/01/03 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
微信公众号实现会员卡领取功能
2017/06/08 PHP
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
javascript 拖动表格行实现代码
2011/05/05 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
JQuery获取浏览器窗口内容部分高度的代码
2012/02/24 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
2013/04/08 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
node.js中的Socket.IO使用实例
2014/11/04 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
2015/08/03 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
JS截取字符串实例详解
2015/11/24 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
2019/04/17 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
python中定义结构体的方法
2013/03/04 Python
教你使用python画一朵花送女朋友
2018/03/29 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
Nordgreen美国官网:在线购买极简主义斯堪的纳维亚手表
2019/07/24 全球购物
聘用意向书范本
2014/04/01 职场文书
授权委托书范本
2014/04/03 职场文书
幼儿园教师岗位职责
2015/04/02 职场文书
电影地道战观后感
2015/06/04 职场文书
倡议书怎么写?
2019/04/11 职场文书
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏