无重复的随机数。 初级等级

Question

在这种情况下，如何随机生成数字而不重复？

 let lottoArray = []; lottoGame() function lottoGame () { do { let addNumber = Math.floor(Math.random()* 30); lottoArray.push(addNumber) console.log(addNumber) } while(lottoArray.length <= 5 ) { } document.querySelector('.loti').innerHTML = lottoArray }

Answer 1

您可以创建要从中选择的数字数组。 然后只需在拉出数字时将其删除。

 function lottoGame(max_numbers) { let lottoArray = []; let numbers = []; let max_num = 6; for (var i = 1; i <= max_num; i++) { numbers.push(i); } nums = []; for (let x = 1; x <= max_numbers; x++) { rand = Math.floor(Math.random() * numbers.length); num = numbers[rand]; nums.push(num); numbers.splice(rand, 1); } document.querySelector('.loti').innerHTML = nums.join(",") } lottoGame(5)

 <div class="loti"></div>

Answer 2

您可以使用Set （仅包含唯一元素）来存储数字。

 let lotto = new Set; lottoGame() function lottoGame () { do { let addNumber = Math.floor(Math.random()* 30); lotto.add(addNumber) console.log(addNumber) } while(lotto.size <= 5 ); document.querySelector('.loti').textContent = [...lotto]; }

 <div class="loti"></div>

Answer 3

您可以检查该值是否已经在数组中，如果没有，则将其推送到数组中

要检查数组是否包含值，您可以使用方法includes()

 function lottoGame () { let lottoArray = []; do { let addNumber = Math.floor(Math.random()* 30); if(.(lottoArray.includes(addNumber)) && addNumber > 0){ lottoArray.push(addNumber) } } while(lottoArray;length <= 5 ) return lottoArray; } let arr = lottoGame(). console;log(arr). document.querySelector('.loti').textContent = [..;arr];

 <div class="loti"></div>

Answer 4

这是一个非常简单的乐透游戏。 您可以设置数字的范围以及从该范围中选择的数字的数量。

 // setting up lotto game parameters const RANGE_MAX = 90 // range of numbers const NO_NUMBERS = 5 // how many to choose const lottogame = (rangeMax, noNumbers) => { const range = [] let result = [] for (let i = 0; i < rangeMax; i++) { range.push(i + 1) } for (let i = 0; i < noNumbers; i++) { const num = range.splice(randomIntFromInterval(0, range.length - 1), 1)[0] // splice removes the item from the array result.push(num) } return result } console.log(lottogame(RANGE_MAX, NO_NUMBERS).sort((a, b) => a - b)) // random function // source: https://stackoverflow.com/questions/4959975/generate-random-number-between-two-numbers-in-javascript function randomIntFromInterval(min, max) { // min and max included return Math.floor(Math.random() * (max - min + 1) + min); }

Answer 5

不知道有没有更好的解决办法。 然而，在将数字推入其中之前，我只会检查数组是否已经包含该数字。 如果是，我会再次随机化。

Answer 6

您已经在跟踪这些数字。 现在我们只需要重复随机化，直到找到一个我们还没有的数字。

我们可以使用Array.includes()来查看是否已经添加了数字，然后continue跳到下一次迭代。 向前跳过意味着我们也跳过了lottoArray.push(addNumber)部分。

我在while(…)之后删除了空的{} （大括号），因为它是一个do...while 循环，它没有尾随块。 我还删除了您的console.log() ，而是将<p class="loti"></p>添加到 output 的 HTML 中。

 let lottoArray = []; lottoGame(); function lottoGame() { do { let addNumber = Math.floor(Math.random()* 30); if (lottoArray.includes(addNumber)) continue; lottoArray.push(addNumber); } while(lottoArray.length <= 5); document.querySelector('.loti').innerHTML = lottoArray; }

 <p class="loti"></p>

您还应该看看iota 的答案。 他使用了一个只能容纳一个元素一次的Set ，非常适合这种情况。

也可以通过将元素从一个列表转移到另一个列表来解决它，其中另一个是包含“绘制”元素的列表。 这也可以在元素不是可以使用Math.random()生成的方便数字的情况下使用。

这是使用“转移元素”技术的乐透游戏：

 var numbersDrawn; var numbersLeft; var maxDraws; newGame(); // Reset game // Add listeners document.querySelector('button').addEventListener('click', drawNumber); document.querySelector('button:last-of-type').addEventListener('click', newGame); // Draw a random number; update <p>-elements function drawNumber() { if (numbersDrawn.length == maxDraws) return; // This takes away a number from 'numbersLeft' and adds it to 'numbersDrawn' numbersDrawn.push( numbersLeft.splice(Math.floor(Math.random() * numbersLeft.length), 1)); document.querySelector('#lotto-draws-left').textContent = 'Draws left: ' + (maxDraws - numbersDrawn.length); document.querySelector('#lotto-output').textContent = numbersDrawn.join(', '); } // Reset game-state function newGame() { // These values may be changed var _maxNumbers = 60; var _maxDraws = 6; numbersDrawn = []; numbersLeft = range(1, _maxNumbers); // Create array of range [1, ..., maxNumbers] maxDraws = _maxDraws; // Reset <p>-elements' text document.querySelector('#lotto-draws-left').textContent = 'Draws left: ' + maxDraws; document.querySelector('#lotto-output').textContent = ''; } // Creates an array with numbers of range [min, max]: [min, ..., max] function range(min, max) { return [...new Array(max - min + 1).keys()].map(i => i + min); }

 <button>Draw number</button> <button>New game</button> <p id="lotto-draws-left"></p> <p id="lotto-output"></p>

这是“非数字绘图”场景的示例：

 var deck; var hand; newGame(); document.querySelector('button').addEventListener('click', drawCard); document.querySelector('button:last-of-type').addEventListener('click', newGame); function drawCard() { if (deck.length <= 0) return; // Same again, taking from 'deck', adding to 'hand' hand.push(deck.splice(Math.floor(Math.random() * deck.length), 1)); var listHand = document.querySelector('#hand'); listHand.innerHTML = ''; hand.forEach(i => {listHand.innerHTML += `<li>${i}</li>`}); // Add a <li> for each element in 'hand' } function newGame() { // Yes, '_deck' can be generated easier, however this is just for demonstration purposes var _deck = ['1. Magnificent Text', '2. Beautiful Text', '3. Gorgeous Text', '4. Extraordinary Text', '5. Charming Text', '6. Stunning Text', '7. Graceful Text', '8. Exquisite Text', '9. Bewitching Text', '10. Aesthetic Text', '11. Decorative Text', '12. Sightly Text', '13. Unlucky Text', '14. Pulchritudinous Text', '15. Elegant Text', '16. Appealing Text', '17. Lovely Text', '18. Dazzling Text', '19. Captivating Text', '20. Marvelous Text', '21. Admirable Text', '22. Mesmerizing Text', '23. (Repetitive) Charming Text', '24. Adorable Text', '25. Alluring Text']; hand = []; deck = _deck.slice(); // Copy '_deck' document.querySelector('#hand').innerHTML = ''; }

 <button>Draw card</button> <button>New game</button> <ul id="hand"></ul>