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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
JQury slideToggle闪烁问题及解决办法
Jul 05 Javascript
js获取图片大小的函数代码
Sep 20 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
jQuery实现form表单元素序列化为json对象的方法
Dec 09 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
Apr 28 Javascript
Vue加载json文件的方法简单示例
Jan 28 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
Apr 27 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 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 获取当前访问的url文件名的方法小结
2010/02/08 PHP
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
初识PHP
2014/09/28 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
2006/12/22 Javascript
javascript不同页面传值的改进版
2008/09/30 Javascript
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
浅谈javascript的调试
2015/01/28 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
基于jQuery实现数字滚动效果
2017/01/16 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
Centos7 安装Node.js10以上版本的方法步骤
2019/10/15 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
详解React 条件渲染
2020/07/08 Javascript
Python中实现结构相似的函数调用方法
2015/03/10 Python
10款最好的Web开发的 Python 框架
2015/03/18 Python
python基于SMTP协议发送邮件
2019/05/31 Python
一篇文章搞定Python操作文件与目录
2019/08/13 Python
python和php哪个容易学
2020/06/19 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
Python基于Faker假数据构造库
2020/11/30 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
2021/02/24 HTML / CSS
华为慧通笔试题
2016/04/22 面试题
小孩百日宴答谢词
2014/01/15 职场文书
最美护士演讲稿
2014/08/27 职场文书
婚宴来宾致辞
2015/07/28 职场文书
志愿者工作心得体会
2016/01/15 职场文书
如何通过一篇文章了解Python中的生成器
2022/04/02 Python