js 产生随机数及数组 ceil and floor 用法 检索字符应用案列 和菜单隐藏功能

<script type="text/javascript">
            
            var arr = ["孙悟空","猪八戒","沙和尚"]; 
            var arr2 = ["白骨精","玉兔精","蜘蛛精"];
            var arr3 = ["二郎神","太上老君","玉皇大帝"];
            
            /*
             * concat()可以连接两个或多个数组,并将新的数组返回
             *     - 该方法不会对原数组产生影响
             */
            var result = arr2.concat(arr3,arr,"牛魔王","铁扇公主");
            //console.log(arr2);//"白骨精,玉兔精,蜘蛛精"  该方法不会对原数组产生影响
            //console.log(result);//这个时候会有影响
            /*
             * join()
             *     - 该方法可以将数组转换为一个字符串
             *     - 该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回
             *     - 在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符
             *         如果不指定连接符,则默认使用,作为连接符
             */
            arr = ["0孙悟空","1猪八戒","2沙和尚","3唐僧"];
            
            //result = arr.join("~~~"); //"0孙悟空~~~1猪八戒~~~2沙和尚~~~3唐僧"
            //console.log(result);
            //console.log(arr); //字符串:"0孙悟空,1猪八戒,2沙和尚,3唐僧"  该方法不会对原数组产生影响
        /*
             * reverse()
             *     - 该方法用来反转数组(前边的去后边,后边的去前边) 1221--》1221  12471==》17421
             *     - 该方法会直接修改原数组
             */
            
            arr.reverse();//该方法会直接修改原数组            
            console.log(arr);
            //回文:正过来读和返回来读 一模一样   偶数个对称  奇数个也是对称的 
            //比如:1221   1237321
            //i=0;i++->j=3;j--   i<j: if(a[i]==a[j])  
            
            
            arr = ["b","d","e","a","c"];
            
            /*
             * sort()
             *     - 可以用来对数组中的元素进行排序
             *     - 也会影响原数组,默认会按照Unicode编码进行排序
             */
            arr.sort();
            //arr.reverse();
            
            /*
             * 即使对于纯数字的数组,使用sort()排序时,也会按照Unicode编码来排序,
             *     所以对数字进排序时,可能会得到错误的结果。
             * 
             * 我们可以自己来指定排序的规则
             *     我们可以在sort()添加一个回调函数,来指定排序规则,
             *         回调函数中需要定义两个形参,
             *         浏览器将会分别使用数组中的元素作为实参去调用回调函数
             *         使用哪个元素调用不确定,但是肯定的是在数组中a一定在b前边
             *     - 浏览器会根据回调函数的返回值来决定元素的顺序,
             *         如果返回一个大于0的值,则元素会交换位置
             *         如果返回一个小于0的值,则元素位置不变
             *         如果返回一个0,则认为两个元素相等,也不交换位置
             * 
             *     - 如果需要升序排列,则返回 a-b
             *         如果需要降序排列,则返回b-a
             */
            arr = [5,2,0,1,3,1,4];
            
            arr.sort(function(a,b){
                
                //前边的大
                /*if(a > b){
                    return -1;
                }else if(a < b){
                    return 1;
                }else{
                    return 0;
                }*/
                
                //升序排列
                //return a - b;
                
                //降序排列
                return b - a;  
                //b-a>0  b>a   交换   b-a<0  b<a 不交换
                //       a<b  交换 b a      a>b a b
            /*    - 浏览器会根据回调函数的返回值来决定元素的顺序,
             *         如果返回一个大于0的值,则元素会交换位置
             *         如果返回一个小于0的值,则元素位置不变
             *         如果返回一个0,则认为两个元素相等,也不交换位置
             * */
            });
            
            console.log(arr);
        </script>


    <script type="text/javascript">
            /*
             * 在调用函数时,浏览器每次都会传递进两个隐含的参数:
             *     1.函数的上下文对象 this
             *     2.封装实参的对象 arguments
             *         - arguments是一个类数组对象,它也可以通过索引来操作数据,也可以获取长度
             *         - 在调用函数时,我们所传递的实参都会在arguments中保存
             *         - arguments.length可以用来获取实参的长度
             *         - 我们即使不定义形参,也可以通过arguments来使用实参,
             *             只不过比较麻烦
             *             arguments[0] 表示第一个实参
             *             arguments[1] 表示第二个实参 。。。
             *        - 它里边有一个属性叫做callee,
             *             这个属性对应一个函数对象,就是当前正在指向的函数的对象
             *         
             */
            
            function fun(a,b){
                console.log(arguments instanceof Array);//检测是不是数组类型"false"
                console.log(Array.isArray(arguments));//"false"
                console.log(arguments[0]);//"hello"
                console.log(arguments[1]);//true
                console.log(arguments.length);//2
                console.log(arguments.callee == fun);//"true"
                console.log("yngyong:"+arguments.callee == fun);// "false"
                
            }
                          
            fun("hello",true);  
            
        </script> 
 

 

 

 

 

 

<script type="text/javascript">
            /*
             * Math
             *     - Math和其他的对象不同,它不是一个构造函数,
             *         它属于一个工具类不用创建对象,它里边封装了数学运算相关的属性和方法
             *     - 比如π:3.14151.。。。。。
             *         Math.PI 表示的圆周率
             */
            
            console.log(Math.PI);
            
            /*
             * abs()可以用来计算一个数的绝对值
             */
            console.log(Math.abs(-1));
            console.log(Math.abs(-9));
            
            /*
             * Math.ceil()
             *     - 可以对一个数进行向上取整,小数位只有有值就自动进1
             * Math.floor()
             *     - 可以对一个数进行向下取整,小数部分会被舍掉
             * Math.round()
             *     - 可以对一个数进行四舍五入取整
             */
//            console.log(Math.ceil(1.00001));
//            console.log(Math.ceil(1.999));
//            console.log(Math.floor(1.99999999));
//            console.log(Math.floor(1.0000001));
//            console.log(Math.round(1.4));
//            console.log(Math.round(1.500001));
             var a=Math.random();
             var b=Math.round(Math.random()*10);   //0-10的随机整数  
             console.log(b);    
            /*
             * Math.random() 
             *     - 可以用来生成一个0-1之间的随机数      [0,1)
             *  - 生成一个0-10的随机数  Math.random()*10=[0,10)
             *     - 生成一个0-x之间的随机数
             *         Math.round(Math.random()*x)
             * 
             *     - 生成一个1-10   


//创建一个指定的时间对象
            //需要在构造函数中传递一个表示时间的字符串作为参数
            //日期的格式  月份/日/年 时:分:秒
            var d2 = new Date("2/18/2011 11:10:30");


    <script type="text/javascript">
            /*
             * Math
             *     - Math和其他的对象不同,它不是一个构造函数,
             *         它属于一个工具类不用创建对象,它里边封装了数学运算相关的属性和方法
             *     - 比如π:3.14151.。。。。。
             *         Math.PI 表示的圆周率
             */
            
            //console.log(Math.PI);
            
            /*
             * abs()可以用来计算一个数的绝对值
             */
            //console.log(Math.abs(-1));
            
            /*
             * Math.ceil()
             *     - 可以对一个数进行向上取整,小数位只有有值就自动进1
             * Math.floor()
             *     - 可以对一个数进行向下取整,小数部分会被舍掉
             * Math.round()
             *     - 可以对一个数进行四舍五入取整
             */
            //console.log(Math.ceil(1.1));
            //console.log(Math.floor(1.99));
            //console.log(Math.round(1.4));
            var yy=Math.round(Math.random()*(101-99)+99);
            console.log("99-101之间:"+yy);       
            /*
             * Math.random()
             *     - 可以用来生成一个0-1之间的随机数
             *  - 生成一个0-10的随机数
             *     - 生成一个0-x之间的随机数
             *         Math.round(Math.random()*x)
             * 
             *     - 生成一个1-10
             * 
             * Math.round(Math.random()*9)  [0,9)+1=[1,10)
             * - 生成一个2-10
             * Math.round(Math.random()*8)  [0,8)+2=[2,10)
             * - 生成一个x-y
             * Math.round(Math.random()*(y-x))+x
             *     - 生成一个x-y之间的随机数
             *         Math.round(Math.random()*(y-x)+x)
             */
            /*for(var i=0 ; i<100 ; i++){
                //console.log(Math.round(Math.random()*10));
                //console.log(Math.round(Math.random()*20));
                
                //console.log(Math.round(Math.random()*9)+1);
                //console.log(Math.round(Math.random()*8)+2);
                
                //生成1-6之间的随机数
                console.log(Math.round(Math.random()*5+1));
            }*/
            
            /*
             * max() 可以获取多个数中的最大值
             * min() 可以获取多个数中的最小值
             */
            
            var max = Math.max(10,45,30,100);
            var min = Math.min(71,45,30,100);
            console.log("最小值:"+min); 
            
            /*
             * Math.pow(x,y)
             *     返回x的y次幂
             */
            
            console.log(Math.pow(2,8));//2的8次方
            
            /*
             * Math.sqrt()
             *  用于对一个数进行开方运算
             */
            console.log(Math.sqrt(3));//1.7320508075688772
            
        </script>

    <script type="text/javascript">
            //创建一个字符串
            var str = "Hello Atguigu";
            
            /*
             * 在底层字符串是以字符数组的形式保存的
             * ["H","e","l"]
             */
            
            /*
             * length属性
             *     - 可以用来获取字符串的长度
             */
            //console.log(str.length);
            //console.log(str[5]);
            
            /*
             * charAt()
             *     - 可以返回字符串中指定位置的字符
             *     - 根据索引获取指定的字符    
             */
            str = "中Hello Atguigu";
            
            var result = str.charAt(7);//下标从0开始  汉字默认就是一个字符!
            console.log(result);
            
            /*
             * charCodeAt()
             *     - 获取指定位置字符的字符编码(Unicode编码)
             */
            
            result = str.charCodeAt(3);//108
            console.log(result);
            
            /*
             * String.formCharCode()
             *     - 可以根据字符编码去获取字符
             */
            result = String.fromCharCode(0x2693);
            console.log(result)
            
            /*
             * concat()
             *     - 可以用来连接两个或多个字符串
             *     - 作用和+一样
             */
            result = str.concat("你好","再见");
            console.log(result);
            
            /*
             * indexof()
             *     - 该方法可以检索一个字符串中是否含有指定内容
             *     - 如果字符串中含有该内容,则会返回其第一次出现的索引
             *         如果没有找到指定的内容,则返回-1
             *     - 可以指定一个第二个参数,指定开始查找的位置
             * 
             * lastIndexOf();
             *     - 该方法的用法和indexOf()一样,
             *         不同的是indexOf是从前往后找,
             *         而lastIndexOf是从后往前找
             *     - 也可以指定开始查找的位置
             */
            
            str = "abcdefge";
            
            result = str.indexOf("c",3);
            console.log(result);//-1  没有
            
            result = str.lastIndexOf("c",3);
            console.log(result);//2
            
            /*
             * slice()
             *     - 可以从字符串中截取指定的内容
             *     - 不会影响原字符串,而是将截取到内容返回
             *     - 参数:
             *         第一个,开始位置的索引(包括开始位置)
             *         第二个,结束位置的索引(不包括结束位置)
             *             - 如果省略第二个参数,则会截取到后边所有的
             *         - 也可以传递一个负数作为参数,负数的话将会从后边计算
             */
            str = "abcdefghijk";
            
            //result = str.slice(1,4);
            //result = str.slice(1,-1);
            
            /*
             * substring()
             *     - 可以用来截取一个字符串,可以slice()类似
             *     - 参数:
             *         - 第一个:开始截取位置的索引(包括开始位置)[)
             *         - 第二个:结束位置的索引(不包括结束位置)
             *         - 不同的是这个方法不能接受负值作为参数,
             *             如果传递了一个负值,则默认使用0
             *         - 而且他还自动调整参数的位置,如果第二个参数小于第一个,则自动交换
             */
            
            result = str.substring(4,0);//0,4   而且他还自动调整参数的位置,如果第二个参数小于第一个,则自动交换
            result = str.substring(0,4);//
            console.log(result)
            /*
             * substr()
             *     - 用来截取字符串
             *     - 参数:
             *         1.截取开始位置的索引
             *         2.截取的长度
             */
            
            str = "abcdefg";
            
            result = str.substr(3,2);
            console.log(result);//de
            
            /*
             * split()
             *     - 可以将一个字符串拆分为一个数组
             *     - 参数:
             *         -需要一个字符串作为参数,将会根据该字符串去拆分数组
             */
            str = "abcbcdefghij";
            
            result = str.split("d");
            console.log(result);
            
            /*
             * 如果传递一个空串作为参数,则会将每个字符都拆分为数组中的一个元素
             */
            result = str.split("");
            
            //console.log(Array.isArray(result));
            //console.log(result[0]);
            console.log(result);
            
            
            str = "abcdefg";
            
            /*
             * toUpperCase()
             *     - 将一个字符串转换为大写并返回
             */
            result = str.toUpperCase();
            console.log("小写转大写"+result);
            str = "ABCDEFG";
            
            /*
             * toLowerCase()
             *     -将一个字符串转换为小写并返回
             */
            result = str.toLowerCase();
            console.log("大写转小写"+result)
            
            //console.log(result);
            
            
        </script>

<script type="text/javascript" >
    /*
             * 正则表达式
             *     - admin@atguigu.com
             *  - admin@.com   adminatguigu.com
             *  - 邮件的规则:
             *         1.前边可以是xxxx乱七八糟
             *         2.跟着一个@
             *         3.后边可以是xxxx乱七八糟
             *         4..com获取其他的乱七八糟
             * 
             *     - 正则表达式用于定义一些字符串的规则,
             *         计算机可以根据正则表达式,来检查一个字符串是否符合规则,
             *         获取将字符串中符合规则的内容提取出来
             */
            
            //创建正则表达式的对象
            /*
             * 语法:
             *     var 变量 = new RegExp("正则表达式","匹配模式");
             *  使用typeof检查正则对象,会返回object
             *     var reg = new RegExp("a"); 这个正则表达式可以来检查一个字符串中是否含有a
             * 在构造函数中可以传递一个匹配模式作为第二个参数,
             *         可以是 
             *             i 忽略大小写 
             *             g 全局匹配模式
             */
            
            /*
             * 正则表达式的方法:
             *     test()
             *      - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,
             *         如果符合则返回true,否则返回false
             */
            /*
             * 使用字面量来创建正则表达式
             *     语法:var 变量 = /正则表达式/匹配模式
             * 使用字面量的方式创建更加简单
             *     使用构造函数创建更加灵活
             * 
             */
            //var reg = new RegExp("a","i");
                //console.log(typeof reg);
            //console.log(reg.test("abc"));
            
            //创建一个正则表达式,检查一个字符串中是否有a或b
            /*
             * 使用 | 表示或者的意思
             */
                /*
             * 创建一个正则表达式检查一个字符串中是否有字母
             */
            //reg = /a|b|c|d|e|f|g/;
            
            /*
             * []里的内容也是或的关系
             * [ab] == a|b
             * [a-z] 任意小写字母
             * [A-Z] 任意大写字母
             * [A-z] 任意字母
             * [0-9] 任意数字
             */
                reg = /[A-z]/;
            
            //检查一个字符串中是否含有 abc 或 adc 或 aec
            /*
             * [^ ] 除了
             */
            var  reg=new RegExp("a","i");
            var str="09";
            reg=/111/i;
            reg=/a|b|c/i;
            reg=/[a-z]/i;
            reg=/a[bde]c/;//reg=/a(b|d|e)c/;
            reg=/[^4]/;
            reg=/[^0-9]/;
            var r=reg.test(str);
            console.log(r);
            var str = "1a2b3c4d5e6f7";
            /*
             * split()
             *     - 可以将一个字符串拆分为一个数组
             *     - 方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串
             *     - 这个方法即使不指定全局匹配,也会全都插分
             */
            
            /*
             * 根据任意字母来将字符串拆分
             */
            var str = "1a2b3c4d5e6f7";
            var rel=str.split(/[A-z]/);
            console.log(rel);
                
            //console.log(result);
            
            /*
             * search()
             *     - 可以搜索字符串中是否含有指定内容
             *     - 如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到返回-1
             *     - 它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串
             *     - serach()只会查找第一个,即使设置全局匹配也没用
             */
            str= "hello abc hello aec afc";
            /*
             * 搜索字符串中是否含有abc 或 aec 或 afc
             */
            rel=str.search(/a[bef]c/);//- serach()只会查找第一个,即使设置全局匹配也没用
            console.log(rel);
            /*
             * match()
             *     - 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
             *     - 默认情况下我们的match只会找到第一个符合要求的内容,找到以后就停止检索
             *         我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
             *         可以为一个正则表达式设置多个匹配模式,且顺序无所谓
             *     - match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果
             * 
             *     
             */
            str = "1a2a3a4a5e6f7A8B9C";
            rel=str.match(/[a-z]/ig);//a,a,a,a,e,f,A,B,C
            console.log(rel);
                /*
             * replace()
             *     - 可以将字符串中指定内容替换为新的内容
             *  - 参数:
             *         1.被替换的内容,可以接受一个正则表达式作为参数
             *         2.新的内容
             *  - 默认只会替换第一个
             */
            //result = str.replace(/[a-z]/gi , "@_@");
            str = "1a2a3a4a5e6f7A8B9C";
            rel=str.replace(/[a-z]/ig,"&");
            console.log(rel);
            </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值