javascript - 如何让 for 循环创建一个由 9 个随机 1 位数字组成的字符串？

Question

我需要创建一个随机数生成器，其中包含从通过 for 循环生成的随机 1 位数字创建的总共 9 位数字。

这个有效，但我需要为它使用一个 for 循环:

    var random1 = Math.floor(Math.random() * 9) + 1 ;
    var random2 = Math.floor(Math.random() * 9) + 1 ;
    var random3 = Math.floor(Math.random() * 9) + 1 ;
    var random4 = Math.floor(Math.random() * 9) + 1 ;
    var random5 = Math.floor(Math.random() * 9) + 1 ;
    var random6 = Math.floor(Math.random() * 9) + 1 ;
    var random7 = Math.floor(Math.random() * 9) + 1 ;
    var random8 = Math.floor(Math.random() * 9) + 1 ;
    var random9 = Math.floor(Math.random() * 9) + 1 ;



    // ... and then dump the random number into our random-number div.
    $("#random-number").text(""+ random1 + random2 + random3 + random4 + random5 + random6 + random7 + random8 + random9);

    var results = ""+ random1 + random2 + random3 + random4 + random5 + random6 + random7 + random8 + random9 ;
    $("#results").prepend(results + " <br>");

上面的代码可以创建一个随机的 9 位数字，但我需要使用 for 循环来使我的代码简洁。

Answer 1

您可以使用for 循环。创建一个字符串，并在每个循环中将新的随机数集中在该字符串上。

let random = '';
for(let i =0;i<9;i++){
  random += Math.floor(Math.random() * 9) + 1 ;
}
$("#random-number").text(random);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="random-number"></div>

另一种方法是使用 map() 和 join()

let random = [...Array(9)].map(x => Math.floor(Math.random() * 9) + 1).join('')
$("#random-number").text(random);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="random-number"></div>