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的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
很棒的Bootstrap选项卡切换效果
Jul 01 Javascript
AngularJS控制器详解及示例代码
Aug 16 Javascript
js遍历map javaScript遍历map的简单实现
Aug 26 Javascript
Angular2入门--架构总览
Mar 29 Javascript
Bootstrap多级菜单的实现代码
May 23 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
vue2.0 实现页面导航提示引导的方法
Mar 13 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
Apr 25 Javascript
微信小程序中使用ECharts 异步加载数据的方法
Jun 27 Javascript
详解Vue 全局变量,局部变量
Apr 17 Javascript
vue双向绑定数据限制长度的方法
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表单提交问题的解决方法
2011/04/12 PHP
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
jQuery超赞的评分插件(8款)
2015/08/20 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
2016/10/24 Javascript
jQuery下拉菜单的实现代码
2016/11/03 Javascript
实例解析Array和String方法
2016/12/14 Javascript
基于Vue实现拖拽功能
2020/07/29 Javascript
vue中使用sessionStorage记住密码功能
2018/07/24 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
JS正则表达式封装与使用操作示例
2019/05/15 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
pymongo为mongodb数据库添加索引的方法
2015/05/11 Python
Python文档生成工具pydoc使用介绍
2015/06/02 Python
详解python3百度指数抓取实例
2016/12/12 Python
对PyQt5的输入对话框使用(QInputDialog)详解
2019/06/25 Python
python多线程共享变量的使用和效率方法
2019/07/16 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
python实现同一局域网下传输图片
2020/03/20 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
树莓派升级python的具体步骤
2020/07/05 Python
Python QTimer实现多线程及QSS应用过程解析
2020/07/11 Python
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
工程技术员岗位职责
2014/03/02 职场文书
中国梦我的梦演讲稿
2014/04/23 职场文书
低碳环保口号
2014/06/12 职场文书
4s店活动策划方案
2014/08/25 职场文书
2015新年寄语大全
2014/12/08 职场文书
2014年图书室工作总结
2014/12/09 职场文书
甲午大海战观后感
2015/06/02 职场文书
医院病假条怎么写
2015/08/17 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
SQL Server2019数据库备份与还原脚本,数据库可批量备份
2021/11/20 SQL Server