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 相关文章推荐
弹出广告特效代码(一个IP只弹出一次)
May 11 Javascript
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
jQuery 源码分析笔记(3) Deferred机制
Jun 19 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
基于ionic实现下拉刷新功能
May 10 Javascript
JavaScript学习教程之cookie与webstorage
Jun 23 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 Javascript
SSM VUE Axios详解
Oct 05 Vue.js
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
JavaScript arguments 多参传值函数
2010/10/24 Javascript
AJAX分页的代码(后台asp.net)
2011/02/14 Javascript
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
AngularJS入门教程之服务(Service)
2016/07/27 Javascript
轻松实现js弹框显示选项
2016/09/13 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
vue+iview+less 实现换肤功能
2018/08/17 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
spyder常用快捷键(分享)
2017/07/19 Python
Python实现的端口扫描功能示例
2018/04/08 Python
Python实现简单http服务器
2018/04/12 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
Python字典的核心底层原理讲解
2019/01/24 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
Python 如何实现访问者模式
2020/07/28 Python
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
什么是设计模式
2012/06/17 面试题
大学生实习感言
2014/01/16 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
纪检监察建议书
2014/05/19 职场文书
蓝天保卫战收官在即 :15行业将开展环保分级评价
2019/07/19 职场文书
详解Mysql 函数调用优化
2021/04/07 MySQL
jupyter notebook保存文件默认路径更改方法汇总(亲测可以)
2021/06/09 Python
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL
Python tensorflow卷积神经Inception V3网络结构
2022/05/06 Python