精华内容
下载资源
问答
  • 方法一:Math.random()方法和Math.floor()方法 创建一个函数,该函数有两个参数,一个参数是我们想要...使用JavaScript的Math.random()方法生成随机字符串 使用JavaScript的Math.floor()方法将其四舍五入并添加到...

    方法一:Math.random()方法和Math.floor()方法
    创建一个函数,该函数有两个参数,一个参数是我们想要生成的字符串的长度,另一个参数是我们想要在字符串中显示的字符。
    声明新变量ans = ’ '。
    使用for循环以相反的顺序遍历字符串
    使用JavaScript的Math.random()方法生成随机字符串
    使用JavaScript的Math.floor()方法将其四舍五入并添加到ans中。

    HTML代码:

    点击这里

    JS代码:
    var up = document.getElementById(‘UP’);
    var down = document.getElementById(‘DOWN’);
    up.innerHTML =
    ‘单击按钮,生成随机字母数字字符串’;

        function randomStr(len, arr) {
            var ans = '';
            for (var i = len; i > 0; i--) {
                ans +=
                    arr[Math.floor(Math.random() * arr.length)];
            }
            return ans;
        }
    
        function Fun() {
            down.innerHTML = randomStr(20, '12345abcde');
        }
    

    方法二:Math.random()+toString()+slice()方法
    首先使用Math.random()方法生成一个随机数。
    使用JavaScript toString(36)将其转换为基数36(26个字符+ 0到9),这也是一个字母数字字符串。
    使用JavaScript string.slice()方法获取从位置2开始的字符串部分。

    HTML代码:

    点击这里

    JS代码:

    var up = document.getElementById(‘UP’);
    var down = document.getElementById(‘DOWN’);
    up.innerHTML =
    ‘单击按钮,生成随机字母数字字符串’;

        function GFG_Fun() {
            down.innerHTML =
                Math.random().toString(36).slice(2);
        }
    

    第二种方法比第一种简略一点

    效果图:
    在这里插入图片描述

    在这里插入图片描述

    展开全文
  • <script> // 封装一个随机生成数字的函数 function random(a, b) { var n = Math.round(Math.random() * (a - b) + b); return n; } //=======================...
     
    
    
    
    
    <script>
        // 封装一个随机生成数字的函数
        function random(a, b) {
            var n = Math.round(Math.random() * (a - b) + b);
            return n;
        }
        
    //=====================================有漏洞版=============================================
        function getCode(){
            //定义一个字符串把所有可能都装进去,全部字母以及数字
            var codeStr = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
    
            //声明一个空的字符串,用作装随机生成的四个数。
            var str = "";
    
            //写一个循环用来重复随机生成几个数,以及将东西一个一个放进上面声明的空字符串内
            for (var i = 0; i < 4; i++) {
                var m = random(0,61);
                str += codeStr.charAt(m);
            }
            // 在外面调用函数时,一定要在函数内写返回值
            return str;
        }
        
        //调用函数
        console.log(getCode());
    //====================================更为严谨版==============================================
    
    //运行一下上面的代码我们会发现,字母出现的几率远远大过数字出现的几率。这是因为codeStr里面的字母有52个,
    //  数字却只有10个,而这样并不能算是真正的随机。故我补充了下面的代码。
    
    
    //思路:做一个随机生成数的库strData,循环四次,每次都会产生大写字母、小写字母、数字 各三个,也就是说strData
    //      里面放了12个数。再在strData库中随机(这样的随机才是真正的随机,每种可能的几率都是相同的)抽取四个数,
    //      放在新声明的str里,并且输出
    
    
    
        //封装一个随机生成数的库
        function randomStr(){
            var strData = "";
            //如果觉得12个数太少也可以多放点,将i<4修改即可
            for(var i=0;i<4;i++){
                var num = random(0,9);                              //数字
                var upper = String.fromCharCode(random(65,90));     //大写字母
                var lower = String.fromCharCode(random(97,122));    //小写字母
                strData = strData+num+upper+lower;                  //将所有结果放进strData中
                
            }
            var str = "";
            for (var i = 0; i < 4; i++) {
                str += strData[random(0,strData.length-1)];         //在strData里面随机抽取四个数
            }
            return str;
    
        }
        
        console.log(randomStr())
    
    
    </script>
    
    

     

     

     

    转载于:https://www.cnblogs.com/funseey/p/11392278.html

    展开全文
  • JavaScript随机生成字母、数字

    千次阅读 2019-02-18 15:03:15
    js生成四个随机字母 js生成生成四个随机字母分为两种方式: 一、第一种方式 function randomCoding(){ //创建26个字母数组 var arr = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',...

    JavaScript生成随机字母、数字

    一、JavaScript生成随机字母,以生成4个字母为例,分为两种方式:

    1、第一种方式

    function randomCoding(){
     	//创建26个字母数组
     	var arr = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
     	var idvalue ='';
     	int n = 4;//这个值可以改变的,对应的生成多少个字母,根据自己需求所改
     	for(var i=0;i<n;i++){
        	idvalue+=arr[Math.floor(Math.random()*26)];
     	})
    	 return idvalue;
     }
    

    2、第二种方式

    function randomCoding(){
    	var result = [];
    	int n = 4;//这个值可以改变的,对应的生成多少个字母,根据自己需求所改
    	for(var i=0;i<n;i++){
    		//生成一个0到25的数字
       		var ranNum = Math.ceil(Math.random() * 25);
    		//大写字母'A'的ASCII是65,A~Z的ASCII码就是65 + 0~25;
    		//然后调用String.fromCharCode()传入ASCII值返回相应的字符并push进数组里
        	result.push(String.fromCharCode(65+ranNum));
    	}
    	return result.join('');
    }
    

    二、JavaScript生成随机数字,以生成4个数字为例:

    function randomCoding(){
    	let number= "";
    	int n = 4;//这个值可以改变的,对应的生成多少个数字,根据自己需求所改
    	for(var i=0;i<n;i++){
    		number+= Math.floor(Math.random() * 10);
    	}
    	return number;
    }
    
    展开全文
  • JavaScript生成随机数字

    2019-12-12 09:54:47
    一个个敲太费劲,做个简单点的方法生成数字数据,喜欢的童鞋可以拿去用。 效果图如下: 代码如下: <!DOCTYPE html> <html lang=" "> <head> <meta charset="UTF-8"> <meta name=...

    工作的时候经常遇到使用一些假数据,例如数字、人名等。一个个敲太费劲,做个简单点的方法生成数字数据,喜欢的童鞋可以拿去用。

    效果图如下:
    在这里插入图片描述
    代码如下:

    <!DOCTYPE html>
    <html lang=" ">
    
    <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>随机数</title>
    
    </head>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    
        .box {
            position: relative;
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            background: #182F5D;
        }
    
        .box-item {
            width: 700px;
            height: 100px;
            margin-bottom: 10px;
        }
    
        .title {
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            text-align: left;
            color: greenyellow;
        }
    
        .content {
            border: 1px #ccc solid;
            width: 100%;
            height: 50px;
            line-height: 50px;
            box-sizing: border-box;
            padding: 0 10px;
            color: #fff;
            word-wrap: break-word;
        }
    
        .div7 {
            height: 200px;
            width: 900px;
        }
    
        .div7 .content {
            height: 150px;
        }
    
        .check-box {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    
        .check-box .check-item {
            width: 20%;
            height: 50px;
            float: left;
        }
    
        .check-box .check-item input {
            width: 50px;
            height: 20px;
        }
    
        .check-box .check-item option select {
            width: 50px;
            height: 20px;
        }
    
        .div7-content {
            width: 100%;
            height: 100px;
        }
    </style>
    
    <body>
        <div class="box">
            <div class="box-item">
                <div class="title">div1 要求(范围:0~100,个数:10,排序:不排序,重复:可重复)</div>
                <div class="content" id="div1"></div>
            </div>
            <div class="box-item">
                <div class="title">div2 要求(范围:1~100,个数:10,排序:不排序,重复:不重复)</div>
                <div class="content" id="div2"></div>
            </div>
            <div class="box-item">
                <div class="title">div3 要求(范围:1~100,个数:10,排序:升序,重复:可重复)</div>
                <div class="content" id="div3"></div>
            </div>
            <div class="box-item">
                <div class="title">div4 要求(范围:1~100,个数:10,排序:降序,重复:可重复)</div>
                <div class="content" id="div4"></div>
            </div>
            <div class="box-item">
                <div class="title">div5 要求(范围:168~200,个数:10,排序:升序,重复:不重复)</div>
                <div class="content" id="div5"></div>
            </div>
            <div class="box-item">
                <div class="title">div6 要求(范围:-168~200,个数:10,排序:升序,重复:不重复)</div>
                <div class="content" id="div6"></div>
            </div>
            <div class="box-item div7">
                <div class="title">div7 要求(自定义)</div>
                <div class="content">
                    <div class="check-box">
                        <div class="check-item"> <label>最小值:</label><input type="text" id="minNumber"></div>
                        <div class="check-item"> <label>最大值:</label><input type="text" id="maxNumber"></div>
                        <div class="check-item"> <label>个数:</label><input type="text" id="math"></div>
                        <div class="check-item"> <label>排序:</label>
                            <select id="sort">
                                <option value="0">不排序</option>
                                <option value="1">升序</option>
                                <option value="2">降序</option>
                            </select>
                        </div>
                        <div class="check-item"> <label>重复:</label>
                            <select id="repeat">
                                <option value="0">可重复</option>
                                <option value="1">不重复</option>
                            </select>
                        </div>
                        <div class="check-item">
                            <button onclick="submit()">生成</button>
                            <button onclick="reset()">重置</button>
                        </div>
                    </div>
                    <div class="div7-content">
                        <textarea id="div7" style="width: 100%; height: 100px;border: 0;"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div id="sring"></div>
    </body>
    <script>
        div1();
        div2();
        div3();
        div4();
        div5();
        div6();
    
        function div1() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                arr[i] = (Math.floor(Math.random() * 101))
            }
            document.querySelector("#div1").innerHTML = arr;
        }
    
        function div2() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                let num = Math.floor(Math.random() * 100) + 1;
                if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                    arr.push(num);
                } else {
                    i--;
                }
            }
            document.querySelector("#div2").innerHTML = arr;
        }
    
        function div3() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                arr[i] = (Math.floor(Math.random() * 100) + 1)
            }
            arr.sort(function (a, b) {
                return a - b
            }); //升序
            document.querySelector("#div3").innerHTML = arr;
        }
    
        function div4() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                arr[i] = (Math.floor(Math.random() * 100) + 1)
            }
            arr.sort(function (a, b) {
                return b - a
            }); //降序
            document.querySelector("#div4").innerHTML = arr;
        }
    
        function div5() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                let num = (Math.floor(Math.random() * 33) + 168)
                if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                    arr.push(num);
                } else {
                    i--;
                }
            }
            arr.sort(function (a, b) {
                return a - b
            }); //升序
            document.querySelector("#div5").innerHTML = arr;
        }
    
        function div6() {
            let arr = [];
            for (i = 0; i < 10; i++) {
                let num = (Math.floor(Math.random() * 369) + (-168))
                if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                    arr.push(num);
                } else {
                    i--;
                }
            }
            arr.sort(function (a, b) {
                return a - b
            }); //升序
            document.querySelector("#div6").innerHTML = arr;
        }
    
        var minNumber, maxNumber, math, sort, repeat;
    
        function submit() {
            minNumber = parseInt(document.querySelector("#minNumber").value); //最小值
            maxNumber = parseInt(document.querySelector("#maxNumber").value); //最大值
            math = parseInt(document.querySelector("#math").value); //数量
            sort = parseInt(document.querySelector("#sort").value); //排序
            repeat = parseInt(document.querySelector("#repeat").value); //是否重复
            let spacing = maxNumber - minNumber; //数差
            console.log('最小值:' + minNumber, '最大值:' + maxNumber, '数量:' + math, '排序:' + sort, '重复;' + repeat, '数差:' +
                spacing);
            if (repeat === 0) {
                if (checkNum(minNumber) && checkNum(maxNumber) && math > 0) {
                    let arr = [];
                    if (repeat === 0) {
                        for (i = 0; i < math; i++) {
                            let num = (Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);
                            arr.push(num);
                        }
                    } else if (repeat === 1) {
                        for (i = 0; i < math; i++) {
                            let num = (Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);
                            if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                                arr.push(num);
                            } else {
                                i--;
                            }
                        }
                    }
                    if (sort === 1) {
                        arr.sort(function (a, b) {
                            return a - b
                        });
                    } else if (sort === 2) {
                        arr.sort(function (a, b) {
                            return b - a
                        });
                    } else if (sort === 0) {
                        arr = arr;
                    }
                    document.querySelector("#div7").innerHTML = arr;
                } else {
                    alert('参数有误!');
                }
            } else if (repeat === 1) {
                if (checkNum(minNumber) && checkNum(maxNumber) && math > 0 && spacing >= (math - 1)) {
                    let arr = [];
                    if (repeat === 0) {
                        for (i = 0; i < math; i++) {
                            let num = (Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);
                            arr.push(num);
                        }
                    } else if (repeat === 1) {
                        for (i = 0; i < math; i++) {
                            let num = (Math.floor(Math.random() * (maxNumber - minNumber + 1)) + minNumber);
                            if (arr.indexOf(num) === -1) { //判断数组newArr内有没有此元素
                                arr.push(num);
                            } else {
                                i--;
                            }
                        }
                    }
                    if (sort === 1) {
                        arr.sort(function (a, b) {
                            return a - b
                        });
                    } else if (sort === 2) {
                        arr.sort(function (a, b) {
                            return b - a
                        });
                    } else if (sort === 0) {
                        arr = arr;
                    }
                    document.querySelector("#div7").innerHTML = arr;
                } else {
                    alert('参数有误!');
                }
            }
        }
    
        function reset() {
            document.querySelector("#minNumber").value = '';
            document.querySelector("#maxNumber").value = '';
            document.querySelector("#math").value = '';
            document.querySelector("#sort").value = 0;
            document.querySelector("#repeat").value = 0;
        }
    
        function checkNum(input) {
            let reg = /^-?\d+$/; //判断字符串是否为整数
            let num = input;
            return reg.test(num);
        }
    </script>
    
    </html>
    
    展开全文
  • script type="text/javascript"> "use strict" var arr = [] var n=25 //随机的数目能根据需要调整 function array(){ for (var i = 1; i <= n;) { arr[i - 1] = i++ } return arr ...
  • 如何使用javascript生成随机字母数字字符串?下面本篇文章就来给大家介绍一下使用JavaScript生成随机字母数字字符串的方法,希望对大家有所帮助。 方法一:Math.random()方法和Math.floor()方法 ● 创建一个...
  • 如何使用javascript生成随机字母数字字符串?下面本篇文章就来给大家介绍一下使用JavaScript生成随机字母数字字符串的方法,希望对大家有所帮助。 方法一:Math.random()方法和Math.floor()方法 ● 创建一个函数,...
  • 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>1-99的随机数字</title> 5 <script type="text/javascript"> 6 7 function selectFrom(lo...
  • 本文实例讲述了javascript自动生成包含数字与字符的随机字符串的方法。分享给大家供大家参考。...* 随机生成数字 * *@param num 生成数字位数 */  function randomNumber(num){   return ”+Math.floor
  • 我写的是一个含数字英文大小写的一个四位字符的且没有重复字符的验证码,首先做验证码,就得清楚验证码的字符的取值范围。我的范围是数字和英文大小写,首先要做的就是把它们都拿出来存在一个数组中。代码如下 ...
  • 数字验证码是我们接触的比较多的一种身份验证方法,有短信接收的验证码和网站刷新的验证码,是系统自动生成的4到6位数的随机数字。 我在mvc学习中接触的 Math(算数)对象就可以做到验证码的生成。 Math(算数...
  • 利用javascript的Math对象的random和round函数随机生成大小写字母和数字的组合字符串, 然后再以不区分大小写为前提进行检验。
  • 对于伪随机数,JS 有很多种玩法来生成我们所需要的伪随机数。 根据上下限生成随机数: var rand = (min,max) =&...根据概率随机生成 bool 值: function randBool(percent=0.5){ //percent为概率,默认0....
  • 1、先写出随机数 var a = [];//声明一个数组用来存放生成的数字 ...把随机生成的数存到数组中 } 2、写出去重的方法 //定义一个有参的方法 function only(e) { for (let i = 0; i <e.length ; i
  • javascript随机生成数字 主要用到Math.random() 和 Math.floor() 两个函数 Math.random() -- 返回0和1之间的伪随机数 可能为0,但总是小于1,[0,1) Math.floor() -- 向下取整,舍掉小数字后的值 实现随机多位数的...
  • 生成3-32位长度的字母数字组合的随机字符串,另一个是生成43位随机字符串。 *奇怪的写法: Math.random().toString(36).substr(2); 输出结果: 解释 很有意思,研究了一下,基本上toString后的参数规定可以是2-36...
  • &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;  &lt;title&gt;验证码&lt;/title&gt;  &lt;...text/javascript"&gt;  window.onload=
  • 本文主要给大家介绍了关于利用javascript随机生成一定位数密码的相关内容,分享出来供大家参考学习,下面话不多少,来一起看看详细的介绍吧。 需求 随机生成一定位数的密码,有最小个数和最大个数,必须包含数字、大...
  • JavaScript随机生成10个0~100的数字

    千次阅读 2017-11-26 17:49:00
    随机生成10个0~100不重复的数字(包含0和100); 需要用到的知识点:随机数  去重 下面放代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></...
  • javascript分配 数码时钟; 随机报价生成器; 虚拟大学ID生成
  • 思路:利用Math的random函数,随机生成arr数组的下标即可。 。 <html lang="en"> <head> <meta charset="UTF-8"> <title>验证码</title> <script> //产生[start,end)的...
  • JavaScript随机生成7个数字,保存到数组中,范围[1-10]----不能重复 arr.indexOf(value) 假如没有:返回-1 有:返回下标 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点名系统</title>...script type="text/javascript"> var arr = new Array();...
  • 最近在学随机数的生成,做了模拟生成彩票,用来进行联系。 正文 主要思路:为了防止数字重复,用到了比较笨的办法,将1-32数字放到数组里面去,然后将数组打乱顺序,将取前面5个放到红色球里;同理,将1-16放到...
  • 下面我们要通过javascript随机生成1~75中的数字并填写到除“free”以外的所有表格中去。 window.onload=newCard; function newCard(){ //共有24个格子需要填入数字,所以需要循环生成24个数字填入 for(var...
  • javascript生成指定位数的随机字符串

    千次阅读 2019-04-17 09:48:27
    2、根据指定长度进行循环遍历,随机生成不大于chars字符串长度的值,chars 根据该数值使用charAt获取该为字符 3、返回指定位数的字符串 实现代码: /* *生成指定位数的随机字符串 *len: 给定随机字符串长度 */ ...

空空如也

空空如也

1 2 3 4 5 ... 15
收藏数 300
精华内容 120
关键字:

javascript随机生成数字

java 订阅