JavaScript随机数组(数组、随机、取整、取值的过程)
JavaScript数组 过程 随机 随机数 取值 取整
2023-09-14 08:58:23 时间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>随机五个数</title> </head> <body> <h1>第一种:正常数组</h1> <div id="demo"></div> <script type="text/javascript"> var demo = document.getElementById('demo');//获取对象 var arr = ['6666','9999','8888'];//数组 var arrLength = arr.length;//获取数组长度 var sj = Math.random()*arrLength;//随机 var i = Math.floor(sj);//取整 // 赋值 demo.innerHTML=arr[i];//取数组里面的值(下标) </script> <h1>第二种写法:字符串数组</h1> <div id="demo2"></div> <script type="text/javascript"> var demo2 = document.getElementById('demo2'); var arr2 = "一一一,二二二,三三三";//字符串 function num(d){ var fenge = d.split(',');//分割字符串 var arrLength2 = fenge.length; var sj2= Math.random()*arrLength2; var index = Math.floor(sj2); demo2.innerHTML = fenge[index]; } num(arr2) </script> </body> </html>
效果图:
随机1-22:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <p id="demo"></p> <script> // function RandomNumBoth(Min, Max) { // var Range = Max - Min; // var Rand = Math.random(); // var num = Min + Math.round(Rand * Range); // return num; // } // let arr = []; // for (let i = 0; i < 6; i++) { // arr.push(`${parseInt(RandomNumBoth(1, 22))}-${RandomNumBoth(0, 1)}`) // } // let newArr = [...new Set(arr)]; // if (arr.length === newArr.length) { // alert("符合要求了") // } else { // alert("有重复的") // } // console.log(arr) function RandomNumBoth(Min, Max) { var Range = Max - Min; var Rand = Math.random(); var num = Min + Math.round(Rand * Range); return num; } let arr = []; for (let i = 0; i < 6; i++) { let sj = `${parseInt(RandomNumBoth(1, 22))}-${RandomNumBoth(0, 1)}` if (!arr.includes(sj)) { arr.push(sj) } } console.log(arr); </script> </body> </html>
相关文章
- JavaScript 异步函数的 Promisification 处理
- javascript 向数组中添加数组元素(输入元素,不太重要)「建议收藏」
- JavaScript高级(7)
- 【说站】JavaScript数组splice的三种使用
- JavaScript的垃圾回收
- javaScript数组方法
- eXtplorer:基于 PHP 和 Javascript 的文件管理程序
- JavaScript去掉数组中的重复元素详解编程语言
- JavaScript格式化日期详解编程语言
- JavaScript学习总结(十六)——Javascript闭包(Closure)详解编程语言
- 详解javascript中的闭包编程语言
- javascript结合nodejs实现多文件上传详解编程语言
- javascript如何判断数组内元素是否重复的方法集锦
- Javascript中的数学函数
- javascript最短的拖动代码[兼容FF]
- Javascript更新JavaScript数组的uniq方法
- JavaScript之HTMLCollection接口代码
- JavaScript高级程序设计阅读笔记(十六)javascript检测浏览器和操作系统-detect.js
- 巧解JavaScript中的嵌套替换(强大正则)
- javascript采用数组实现tab菜单切换效果
- javascript实现可改变滚动方向的无缝滚动实例
- javascript读写XML实现广告轮换(兼容IE、FF)
- Javascript中判断变量是数组还是对象(array还是object)
- javascript模拟地球旋转效果代码实例
- JavaScript中双叹号(!!)作用示例介绍
- 一个JavaScript防止表单重复提交的实例
- JavaScript中的数组操作介绍
- 浅谈Javascript数组与字典