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可拖动弹窗效果实例代码
Nov 09 Javascript
js清理Word格式示例代码
Feb 13 Javascript
JavaScript对IE操作的经典代码(推荐)
Mar 10 Javascript
JQuery悬停控制图片轮播——代码简单
Aug 05 Javascript
使用Javascript实现选择下拉菜单互移并排序
Feb 23 Javascript
浅谈Angular HttpClient简单入门
May 04 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
Dec 22 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
JS字符串常用操作方法实例小结
Jun 24 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
Sep 25 Javascript
使用Vant完成Dialog弹框案例
Nov 11 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 批量删除数据的方法分析
2009/10/30 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
javascript数组详解
2014/10/22 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
JS图片定时翻滚效果实现方法
2016/06/21 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
webpack构建vue项目的详细教程(配置篇)
2017/07/17 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
layui之select的option叠加问题的解决方法
2018/03/08 Javascript
小程序实现展开/收起的效果示例
2018/09/22 Javascript
如何在基于vue-cli的项目自定义打包环境
2018/11/10 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
JS实现秒杀倒计时特效
2020/01/02 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
Python 的 with 语句详解
2014/06/13 Python
Python字符串和文件操作常用函数分析
2015/04/08 Python
Python语法分析之字符串格式化
2019/06/13 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
Hawes & Curtis官网:英国经典品牌
2019/07/27 全球购物
行政总经理岗位职责
2013/12/05 职场文书
小学新教师培训方案
2014/02/03 职场文书
万能检讨书2000字
2014/10/17 职场文书
小学生优秀作文范文(六篇)
2019/07/10 职场文书
Python中rapidjson参数校验实现
2021/07/25 Python
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS