牛客JS题(八)无重复数组

注释很详细,直接上代码
涉及知识点:

  1. set
  2. 合法性判断
  3. 扩展运算符
  4. 随机函数封装

题干:

我的答案

html 复制代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <script>

      /**
       * 永远不要相信调用你写的函数的人,尤其的这种作为循环条件的,没判断好就有可能进入死循环
       * 所以开局先排除不合理的情况,
       * 已知set自带去重属性,所以我们不需要考虑去重判断,
       * 随机数生成函数比较常见,咱封装一下调用
       * 最后注意需要返回的是数组而不是set,这里使用扩展运算符展开set作为数组再返回
       */
       const getNumberForRange=((start,end)=>{
           //左闭右开
           return Math.floor(Math.random()*(end-start)+start);
       })

       const _getUniqueNums = (start, end, n) => {
         // 补全代码
         if(n<0||end-start+1<n){
           console.log('无效情况');
           return;
         }

         let nums=new Set();
         while(nums.size<n){
           nums.add(getNumberForRange(start,end+1));
         }

         // 这里用数组的扩展运算符将set转为数组
         return [...nums];
       };
       console.log(_getUniqueNums(1, 4, 5));//无效情况
       console.log(_getUniqueNums(1, 10, -5));//无效情况
       console.log(_getUniqueNums(1, 10, 10));//正常返回

    </script>
  </body>
</html>

博客更新不是很及时,需要看后面内容的可以看看我的gitee仓库

牛客JS题Gitee仓库

相关推荐
乔峰不是张无忌33014 分钟前
【HTML】动态闪烁圣诞树+雪花+音效
前端·javascript·html·圣诞树
鸿蒙自习室22 分钟前
鸿蒙UI开发——组件滤镜效果
开发语言·前端·javascript
m0_7482507429 分钟前
高性能Web网关:OpenResty 基础讲解
前端·openresty
前端没钱1 小时前
从 Vue 迈向 React:平滑过渡与关键注意点全解析
前端·vue.js·react.js
汪洪墩1 小时前
【Mars3d】设置backgroundImage、map.scene.skyBox、backgroundImage来回切换
开发语言·javascript·python·ecmascript·webgl·cesium
NoneCoder1 小时前
CSS系列(29)-- Scroll Snap详解
前端·css
无言非影1 小时前
vtie项目中使用到了TailwindCSS,如何打包成一个单独的CSS文件(优化、压缩)
前端·css
我曾经是个程序员1 小时前
鸿蒙学习记录
开发语言·前端·javascript
羊小猪~~2 小时前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·javascript·css·vue.js·vscode·ajax·html5
摸鱼了2 小时前
🚀 从零开始搭建 Vue 3+Vite+TypeScript+Pinia+Vue Router+SCSS+StyleLint+CommitLint+...项目
前端·vue.js