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 相关文章推荐
js png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
利用了jquery的ajax实现二级联互动菜单
Dec 02 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
angularjs实现时间轴效果的示例代码
Nov 29 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
Jun 26 Javascript
node读写Excel操作实例分析
Nov 06 Javascript
js实现的在本地预览图片功能示例
Nov 09 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 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
我的论坛源代码(三)
2006/10/09 PHP
PHP-MySQL教程归纳总结
2008/06/07 PHP
php shell超强免杀、减少体积工具实现代码
2012/10/16 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
document.forms[].submit()使用介绍
2014/02/19 Javascript
JavaScript实现的in_array函数
2014/08/27 Javascript
理解javascript中的回调函数(callback)
2014/09/02 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
2016/01/05 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
使用Node搭建reactSSR服务端渲染架构
2018/08/30 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
2020/04/21 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
编写Python脚本使得web页面上的代码高亮显示
2015/04/24 Python
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
在Python中Dataframe通过print输出多行时显示省略号的实例
2018/12/22 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
如何使用python3获取当前路径及os.path.dirname的使用
2019/12/13 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
蛋白质世界:Protein World
2017/11/23 全球购物
Booking.com英国官网:全球酒店在线预订网站
2018/04/21 全球购物
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
PHP面试题大全
2015/10/16 面试题
网络工程师自荐书范文
2014/04/01 职场文书
内蒙古鄂尔多斯市市长寄语
2014/04/10 职场文书
销售员试用期自我评价
2014/09/15 职场文书
公安交警中队队长个人对照检查材料思想汇报
2014/10/05 职场文书
云台山导游词
2015/02/03 职场文书
2016暑期校本培训心得体会
2016/01/08 职场文书
动画电影《擅长捉弄人的高木同学》6月10日上映!
2022/03/20 日漫