如何解决JS随机不重复数生成功能的数值排序难题?
解决随机数排序的问题
嘿,我瞅了你的代码,问题其实很简单——你在生成完不重复的随机数数组后,直接把它转成字符串返回了,还没给数组做排序操作呢!
咱们只需要在生成数组的步骤后,加上数值排序的逻辑,再转成字符串就可以了。要注意的是,JavaScript数组的sort()方法默认是按字符串编码排序的,所以必须传入一个比较函数(a, b) => a - b才能实现正确的数值升序排序。
修改后的完整代码如下:
generateNumbers = () => { let lottoNum = []; while (lottoNum.length < 7) { let random = Math.floor(Math.random() * 59) + 1; if (lottoNum.indexOf(random) === -1) lottoNum.push(random); } // 新增:对数组进行数值升序排序 lottoNum.sort((a, b) => a - b); return lottoNum.join(" "); }; let btn = document.getElementById("button"); btn.addEventListener("click", function getNumbers() { const nums = generateNumbers(); document.getElementById("results").innerHTML = nums; });
关键修改点说明:
- 在
return之前,调用lottoNum.sort((a, b) => a - b):这个比较函数会让数组里的元素按从小到大的数值顺序排列。如果想要降序,只需要把a - b改成b - a就行。 - 排序完成后再执行
join(" "),这样返回的字符串就是已经排好序的数字了。
这样点击按钮后,页面上展示的就是按数值顺序排列的7个不重复随机数啦!
内容的提问来源于stack exchange,提问作者James Hillman
相关产品推荐
相关产品推荐

