随机生成10个不重复的0-100的数字(实例讲解)


Posted in Javascript onAugust 16, 2017

在面试时,面试官问了我一道js题:随机生成一个含有10个元素的数组,且元素为0-100的不重复的整数。当时的第一反应是for循环生成10个数字,但是可能会有重复的情况;进一步思考,需要对生成的数字进行验证才能放到数组里面,但是问题来了,如果恰好有重复的,那我之前for循环生成的10个数字就不够了。当时回答的不好,回来后再仔细思考一下,想出了2中解决方案,第一种其实是尝试过程中得出的,还是第二种比较好。

第一种:

function random () {
var arr = [];

for (var i = 0; i < 100; i++) {//生成循环100次,生成100个数字。该方法最大的弊端,为了避免有重复的情况导致数组不足10个元素,所以生成较多的数字
  
var num = Math.floor(Math.random() * 100);//生成0-100的随机整数
  
if (arr.length == 0) {
  

arr.push(num);//数组为空时直接放入数组
  
} else {
  

for (var j = 0; j < arr.length; j++) {//循环已存在的数组
  


if (arr.join(',').indexOf(num) < 0 && arr.length <= 10) {//判断已存在数组中是否已有刚生成的数字,如没有且数组长度不足10才将num放入arr
  



arr.push(num);                    //这样又会导致生成的大部分数字被arr.length <= 10排除掉了,浪费性能
  


}
  

}
  
}
  }
}

第二种:

function random () {
var arr = [];

while(arr.length < 10) {//原数组长度为0,每次成功添加一个元素后长度加1,则当数组添加最后一个数字之前长度为9即可


var num = Math.floor(Math.random() * 100);//生成一个0-100的随机整数


if (arr.length === 0) {//如果数组长度为0则直接添加到arr数组



arr.push(num);


} else {



for (var i = 0; i < arr.length; i++) {//当新生成的数字与数组中的元素不重合时则添加到arr数组




if (arr.join(',').indexOf(num) < 0) {





arr.push(num);




} 



}


}

}
}

看到了Dream_It_Possible的回复,多谢,写的比我好,查询数组中时候是否有某个元素时,我先用了indexOf,结果报错了,我也没有细究,就将数组转化为字符串再验证,看了他的代码我又去查了一下,数组也是有这个方法的。

下面附上他写的代码:

function random(len, start, end) {
var arr = [];

function _inner(start, end) {


var span = end - start;


return parseInt(Math.random() * span + start)

}

while (arr.length < len) {


var num = _inner(start, end);



if (arr.indexOf(num) == -1) {




arr.push(num);



}


}


return arr;

}

以上这篇随机生成10个不重复的0-100的数字(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
onkeydown事件解决按回车键直接提交数据的需求
Apr 11 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
Nov 07 Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 Javascript
AngularJS ng-mousedown 指令
Aug 02 Javascript
基于javascript实现数字英文验证码
Jan 25 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
AngularJS ui-router (嵌套路由)实例
Mar 10 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 Javascript
一行JavaScript代码如何实现瀑布流布局
Dec 11 Javascript
js实现有趣的倒计时效果
Jan 19 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
Aug 16 #Javascript
基于js 本地存储(详解)
Aug 16 #Javascript
基于Vue实例生命周期(全面解析)
Aug 16 #Javascript
基于JQuery的Ajax方法使用详解
Aug 16 #jQuery
angular或者js怎么确定选中ul中的哪几个li
Aug 16 #Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 #Javascript
label+input实现按钮开关切换效果的实例
Aug 16 #Javascript
You might like
php防盗链的常用方法小结
2010/07/02 PHP
php实现根据url自动生成缩略图的方法
2014/09/23 PHP
人脸识别测颜值、测脸龄、测相似度微信接口
2016/04/07 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
PHP封装的数据库保存session功能类
2016/07/11 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
ie 调试javascript的工具
2009/04/29 Javascript
filters.revealTrans.Transition使用方法小结
2010/08/19 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
前台js调用后台方法示例
2013/12/02 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
2015/03/13 Javascript
自己动手写的javascript前端等待控件
2015/10/30 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
python局域网ip扫描示例分享
2014/04/03 Python
python图像处理之镜像实现方法
2015/05/30 Python
Python打造出适合自己的定制化Eclipse IDE
2016/03/02 Python
Python实现简单字典树的方法
2016/04/29 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
python实现飞机大战
2018/09/11 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
护理专业的自荐信
2013/10/22 职场文书
自我评价范文
2013/12/22 职场文书
开业典礼主持词
2014/03/21 职场文书
贸易跟单员英文求职信
2014/04/19 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
为什么不建议在go项目中使用init()
2021/04/12 Golang
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby