JavaScript练手小技巧：JS 随机数小技巧

JS 里利用 Math.random() 可以产生0-1 之间的随机小数。如：

 let  num1 = Math.random(); // 0-1之间的随机数
 console.log(num1);
 // 0.05563019650398182

可以用随机数做一些有趣的事情。

一、指定范围的随机整数

 // 随机整数
 function randomInt(min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 }
 ​
 // 调用函数
 let randomNum = randomInt(1, 100);   // 得到 1-100 之间的随机整数
 console.log(randomNum);

二、随机颜色

方式一：凑够 6 位十六进制的字符串

 function randomColor() {
     var letters = "0123456789ABCDEF";
     var color = "#";
     for (var i = 0; i < 6; i++) {
         color += letters[Math.floor(Math.random() * 16)];
     }
     return color;
 }
 // 应用示例：修改 box 的字体颜色为随机色
 box.style.color = randomColor();

方式二：利用 CSS rgb() 方法，凑3个随机 0-255 的整数。

 function randomInt(min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 }
 ​
 function randomColor() {
     return `rgb(${randomInt(0, 255)},${randomInt(0, 255)},${randomInt(0, 255)})`;
 }
 // 应用示例：修改 box 的字体颜色为随机色
 box.style.color = randomColor();

方式三：利用 toString() 把随机小数转为16进制，再截取6位长度字符串。不够长度就凑0。

 function randomColor() {
     return '#' + Math.random().toString(16).substr(2, 6).padEnd(6, '0');
 }
 // 应用示例：修改 box 的字体颜色为随机色
 box.style.color = randomColor();

三、指定长度随机字符串

方式一：随机获取制定个数的字符。

 function randomString(len){
     let chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
     let str = "";
     for(let i=0;i<len;i++){
         str += chars[Math.floor(Math.random()*chars.length)];    
     }
     return str;
 }
 console.log(randomString(10));   // yBzTEgmI8P

方式二：利用 toString() 把随机小数转为16进制，再截取制定长度字符串。不够长度就凑0。

不过，这种方式最多截取11位，因为 Math.random() 小数长度就是 11 位。所以，超过11位，就需要递归调用。

 function randomString(len){
    return len <= 11 ?
     Math.random().toString(36).substr(2, len).padEnd(len, '0') :
     Math.random().toString(36).substr(2, 11) + randomString(len - 11);
 }
 console.log(randomString(15));

四、数组乱序

Math.random() 产生一个 0~ 1 之间的随机小数。根据这个小数是否大于 0.5，来决定数据的前后顺序。这个是随机的，所以结果就是随机的。

 let  arr = [ 123,12,32,5,75,23];
 let  sortFun = function(a,b){
     return  Math.random()>0.5 ? 1 : -1;
 };
 arr.sort( sortFun );
 console.info( arr );