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 最简单的属性菜单
Oct 08 Javascript
js内置对象 学习笔记
Aug 01 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
Sep 03 Javascript
js实现无缝滚动图
Feb 22 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
微信小程序 按钮滑动的实现方法
Sep 27 Javascript
JS+CSS实现滚动数字时钟效果
Dec 25 Javascript
JS实现获取word文档内容并输出显示到html页面示例
Jun 23 Javascript
jquery实现动态添加附件功能
Oct 23 jQuery
基于Vue CSR的微前端实现方案实践
May 27 Javascript
js实现自定义滚动条的示例
Oct 27 Javascript
JavaScript实现简单计时器
Jun 22 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新手上路(十二)
2006/10/09 PHP
php+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
php编写简单的文章发布程序
2015/06/18 PHP
Laravel 5.3 学习笔记之 错误&amp;日志
2016/08/28 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
thinkphp5修改view到根目录实例方法
2019/07/02 PHP
laravel框架的安装与路由实例分析
2019/10/11 PHP
Google 爬虫如何抓取 JavaScript 的内容
2017/04/07 Javascript
vue2.0多条件搜索组件使用详解
2020/03/26 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
2018/10/12 Javascript
Nodejs处理异常操作示例
2018/12/25 NodeJs
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
Vue 中如何正确引入第三方模块的方法步骤
2019/05/05 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
Python日期操作学习笔记
2008/10/07 Python
python 转换 Javascript %u 字符串为python unicode的代码
2016/09/06 Python
简单谈谈Python中的反转字符串问题
2016/10/24 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
pandas通过字典生成dataframe的方法步骤
2019/07/23 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
Python类的绑定方法和非绑定方法实例解析
2020/03/04 Python
Python Flask上下文管理机制实例解析
2020/03/16 Python
Python3-异步进程回调函数(callback())介绍
2020/05/02 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
基于python实现简单C/S模式代码实例
2020/09/14 Python
Happy Plugs官网:瑞典无线耳机品牌
2020/07/16 全球购物
企业军训感言
2014/02/08 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
公民代理授权委托书
2014/09/24 职场文书
八年级作文之友情
2019/11/25 职场文书