JavaScript 02 对象 正则表达式RegExp

基本对象:
            1. Function:函数(方法)对象
                1. 创建:
                    1. var fun = new Function(形式参数列表,方法体);  //忘掉吧
                    2. 
                        function 方法名称(形式参数列表){
                            方法体
                        }

                    3. 
                       var 方法名 = function(形式参数列表){
                            方法体
                       }
                2. 方法:

                3. 属性:
                    length:代表形参的个数
                4. 特点:
                    1. 方法定义是,形参的类型不用写,返回值类型也不写。
                    2. 方法是一个对象,如果定义名称相同的方法,会覆盖
                    3. 在JS中,方法的调用只与方法的名称有关,和参数列表无关(不管形参的个数和实参的个数是否一致,都可以访问到方法)如:

                    

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 方法 </title>
    <script>
        function fun1(a,b) {
            alert(a);
            alert(b);
        }
        fun1(1,2,3);// 弹出1,2
    </script>
</head>
<body>
</body>
</html>


                    4. 在方法声明中有一个隐藏的内置对象(数组)arguments,用于封装所有的实际参数。

                    

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 方法 </title>
    <script>
        /*需求:求任意个数数字之和*/
        /*方法:利用内置对象arguments*/
        function fun1() {
            var sum = 0;
            for (var i = 0; i < arguments.length; i++) {
                sum += arguments[i];
            }
            document.write(sum)
        }
        fun1(1,3);
        document.write("<br>");
        fun1(1,3,5);
        document.write("<br>");
        fun1(1,3,5,7);

    </script>
</head>
<body>
</body>
</html>


                5. 调用:
                    方法名称(实际参数列表);
            
            2. Array:数组对象
                1. 创建:
                    1. var arr = new Array(元素列表);
                    2. var arr = new Array(默认长度);
                    3. var arr = [元素列表];

                2. 方法
                    join(参数):将数组中的元素按照指定的分隔符拼接为字符串
                    push()    向数组的末尾添加一个或更多元素,并返回新的长度。
                3. 属性
                    length:数组的长度
                4. 特点:
                    1. JS中,数组元素的类型可变的。
                    2. JS中,数组长度可变的。

                

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 数组 </title>
    <script>
        var arr = [1,"abc",true];
        document.write(arr[0] + "<br>");
        document.write(arr[1] + "<br>");
        document.write(arr[2] + "<br>");
        arr[5] = 2;
        document.write(arr[5] + "<br>");
        document.write(arr[4] + "<br>");
        document.write(arr.join("--") + "<br>");
        arr.push(4);
        document.write(arr.join("--") + "<br>");
    </script>
</head>
<body>
</body>
</html>


            3. Boolean
            4. Date:日期对象

                1. 创建:
                    var date = new Date();

                2. 方法:
                    toLocaleString():返回当前date对象对应的时间本地字符串格式
                    getTime():获取毫秒值。返回当前日期对象描述的时间到1970年1月1日零点的毫秒值差

                    

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> Date对象 </title>
    <script>
        var date = new Date();
        document.write(date + "<br>");
        document.write(date.toLocaleString() + "<br>");
    </script>
</head>
<body>
</body>
</html>


            5. Math:数学对象
                1. 创建:
                    * 特点:Math对象不用创建,直接使用   Math.方法名();

                2. 方法:
                    random():返回 0 ~ 1 之间的随机数。 含0不含1
                    ceil(x):对数进行上舍入
                    floor(x):对数进行下舍入
                    round(x):把数四舍五入为最接近的整数
                3. 属性:
                    PI

                   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> Math对象 </title>
    <script>
        document.write(Math.ceil(3.14) + "<br>");//4
        document.write(Math.floor(3.14) + "<br>");//3
        document.write(Math.round(3.54) + "<br>");//4
        document.write(Math.PI + "<br>");//圆周率
    </script>
</head>
<body>
</body>
</html>


            6. Number


            7. String


            8. RegExp:正则表达式对象
                1. 正则表达式:定义字符串的组成规则。(常用于校验表单)

                    
                    1. 单个字符:[]
                        如: [a]    [ab]a或b    [a-zA-Z0-9_]
                        * 特殊符号代表特殊含义的单个字符:
                            \d:单个数字字符 [0-9]
                            \w:单个单词字符[a-zA-Z0-9_]
                    2. 量词符号:
                        ?:表示出现0次或1次
                        *:表示出现0次或多次
                        +:出现1次或多次

                         \w{6,12} -- 表示由单个字符组成,6—12位
                        {m,n}:表示 m<= 数量 <= n
                            * m如果缺省: {,n}:最多n次
                            * n如果缺省:{m,} 最少m次
                    3. 开始结束符号
                        * ^:开始
                        * $:结束

                2. 正则对象:
                    1. 创建
                        1. var reg = new RegExp("正则表达式");
                        2. var reg = /正则表达式/;
                    2. 方法    
                        1. test(参数):验证指定的字符串是否符合正则定义的规范  

                     

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 正则表达式 </title>
    <script>
        /*由单个字符组成,6—12位*/
        /* ^$ 分别为开始和结束符号 */
        /* 两个 \\ 起到防止转义作用*/
        var reg = new RegExp("^\\w{6,12}$");
        var username = "smallrain";
        var flag = reg.test(username);
        document.write(flag);
    </script>
</head>
<body>
</body>
</html>

因为smallrain符合由单个字符组成,并且是6—12位,故结果为true

 


            9. Global
                1. 特点:全局对象,这个Global中封装的方法不需要对象就可以直接调用。  方法名();
                2. 方法:
                    encodeURI():url编码
                    decodeURI():url解码

                    encodeURIComponent():url编码,编码的字符更多
                    decodeURIComponent():url解码

                    parseInt():将字符串转为数字
                        * 逐一判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为number
                    isNaN():判断一个值是否是NaN
                        * NaN六亲不认,连自己都不认。NaN参与的==比较全部问false

                    eval():讲 JavaScript 字符串,并把它作为脚本代码来执行。
            


 

发布了66 篇原创文章 · 获赞 0 · 访问量 1110

猜你喜欢

转载自blog.csdn.net/smallrain6/article/details/104876725