网站建设的背景意义,银川做网站的公司,石家庄市网站建设,网站做微信链接怎么做的JS 里利用 Math.random() 可以产生0-1 之间的随机小数。如#xff1a; let num1 Math.random(); // 0-1之间的随机数console.log(num1);// 0.05563019650398182
可以用随机数做一些有趣的事情。
一、指定范围的随机整数 // 随机整数function randomInt(min, max) {return …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 i0;ilen;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 );
