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 相关文章推荐
jquery删除数据记录时的弹出提示效果
May 06 Javascript
js脚本获取webform服务器控件的方法
May 16 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 Javascript
Angularjs 创建可复用组件实例代码
Oct 09 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
ES6入门教程之Iterator与for...of循环详解
May 17 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
js实现图片无缝循环轮播
Oct 28 Javascript
vant实现购物车功能
Jun 29 Javascript
JS实现纸牌发牌动画
Jan 19 Javascript
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
php 缓存函数代码
2008/08/27 PHP
ThinkPHP连接数据库及主从数据库的设置教程
2014/08/22 PHP
PHP CURL post数据报错 failed creating formpost data
2016/10/16 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
深入解析PHP底层机制及相关原理
2020/12/11 PHP
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
如何判断微信内置浏览器(通过User Agent实现)
2014/09/01 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
JavaScript插件化开发教程(六)
2015/02/01 Javascript
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
javascript中BOM基础知识总结
2017/02/14 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
使用async、enterproxy控制并发数量的方法详解
2018/01/02 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
在vue中使用回调函数,this调用无效的解决
2020/08/11 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
python破解同事的压缩包密码
2020/10/14 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
Linux常见面试题
2016/10/04 面试题
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
个人工作主要事迹
2014/05/08 职场文书
2014年汽车销售工作总结
2014/12/01 职场文书
电影雷锋观后感
2015/06/10 职场文书