04.【JavaScript对象】

1. 函数对象:Function

创建

第一种:【不推荐】

	var fun = new Function(形式参数列表,方法体);  

代码:

    var fun1 = new Function("a","b","c","alert(a);");
    //调用方法
    fun1(3,4);
    document.write(fun1.length);

第二种

    function 方法名称(形式参数列表){
        方法体
    }

第三种:

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

对象的属性

length:代表形参的个数

调用

方法名称(实际参数列表);

特点 【重点】

  1. 方法定义时,形参的类型不用写,返回值类型也不写。
  2. 方法是一个对象,如果定义名称相同的方法,会覆盖
  3. 在JS中,方法的调用只与方法的名称有关,和参数列表无关。
  4. 在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数

代码:

特点3演示:

function fun2(a,b){ // 覆盖原方法
            //alert(a - b);
            document.write(a);
            document.write("\t");
            document.write(b);
            document.write("<br>");
        }
        //方法调用
        fun2(1,2);
        fun2(1);
        fun2();
        fun2(1,2,3);
1 2
1 undefined
undefined undefined
1 2

特点4演示:

		function add (){
            document.write(arguments[0]);
            document.write(arguments[1]);
        }
        add(1,3);
1 3

案例: 求任意个数的和

        function add (){
           var sum = 0;
            for (var i = 0; i < arguments.length; i++) {
                sum += arguments[i];
            }
            return sum;
        }

        var sum = add(1,2,3,4);
        alert(sum);

2. 数组对象:Array

创建

第一种:

var arr = new Array(元素列表);

第二种:

var arr = new Array(默认长度);

第三种:

var arr = [元素列表];

方法

  • join(参数):将数组中的元素按照指定的分隔符拼接为字符串
	document.write(arr.join("--")+"<br>");
  • push():向数组的末尾添加一个或更多元素,并返回新的长度。
    arr.push("asd");
    document.write(arr.join("--")+"<br>");

属性

  • length:数组的长度

特点

  • JS中,数组元素的类型可变的。
  • JS中,数组长度可变的。

代码:

 		var arr = [1,"abc",true];
        document.write(arr +"<br>");

        document.write(arr[0] +"<br>");
        document.write(arr[1] +"<br>");
        document.write(arr[2] +"<br>");

        document.write(arr[3] +"<br>");
        arr[10] = "hehe";
        document.write(arr[10] +"<br>");
        document.write(arr[9] +"<br>");

        alert(arr.length);// 11
        document.write(arr.join("--")+"<br>");
        arr.push("asd");
        document.write(arr.join("--")+"<br>");
        alert(arr.length);// 12

结果:

1,abc,true
1
abc
true
undefined
hehe
undefined
1--abc--true----------------hehe
1--abc--true----------------hehe--asd

3. Boolean、Number、String

和Java类似

4. 日期对象:Date

创建

var date = new Date();

代码:

document.write(date + "<br>");

结果:

Thu Jan 23 2020 12:50:38 GMT+0800 (中国标准时间)

方法

  • toLocaleString():返回当前date对象对应的时间本地字符串格式

例如:

document.write(date.toLocaleString() + "<br>");	// 2020/1/23 下午12:50:38
  • getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差

例如:

document.write(date.getTime() + "<br>");  // 1579755038907

5. 数学对象:Math

创建

特点:Math对象不用创建,直接使用。

Math.方法名();

方法

  • random():返回 0 ~ 1 之间的随机数。 含0不含1 [0,1)
  • ceil(x):对数进行上舍入。
  • floor(x):对数进行下舍入。
  • round(x):把数四舍五入为最接近的整数。

代码:

		document.write(Math.PI +"<br>");
        document.write(Math.random() +"<br>");
        document.write(Math.round(3.14) +"<br>");
        document.write(Math.ceil(3.14) +"<br>");
        document.write(Math.floor(3.14) +"<br>");

属性:PI

代码:

		document.write(Math.PI +"<br>");

6. 正则表达式对象:RegExp

正则表达式:定义字符串的组成规则。

1. 单个字符:[]

例如:

 [a] [ab] [a-zA-Z0-9_]
  • 单个数字字符 [0-9]:\d
var reg1= /\d/;
  • 单个单词字符[a-zA-Z0-9_]:\w
var reg1= /\w/;

2. 量词符号

  • ?:表示出现0次或1次

  • *:表示出现0次或多次

  • +:出现1次或多次

  • {m,n}:表示 m<= 数量 <= n

    m如果缺省: {,n}:最多n次

    n如果缺省:{m,} 最少m次

var reg= /^\w{6,12}$/;	

3. 开始结束符号

  • ^:开始,$:结束

4. 正则对象

创建

第一种:(不推荐)

var reg = new RegExp("正则表达式");

注意转义字符 \\w

代码:

 var reg = new RegExp("^\\w{6,12}$");

第二种:

var reg = /正则表达式/;

代码:

var reg2= /^\w{6,12}$/;

5. 方法

  • test(参数):验证指定的字符串是否符合正则定义的规范
        var reg= /^\w{6,12}$/;

        var username = "zhangsan";

        //验证
        var flag = reg.test(username);
        alert(flag);

7. 全局对象:Global

特点

全局对象,这个Global中封装的方法不需要对象就可以直接调用。

  方法名();

方法

  • encodeURI():url编码

  • decodeURI():url解码

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

  • decodeURIComponent():url解码

  • parseInt():将字符串转为数字

逐一判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为number

  • isNaN():判断一个值是否是NaN

    NaN六亲不认,连自己都不认。

  • NaN:参与的==比较全部为false

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

代码演示

	<script>
		var str = "http://www.baidu.com?wd=斗鱼";
        var encode = encodeURI(str);
        document.write(encode +"<br>");
        var s = decodeURI(encode);
        document.write(s +"<br>");//斗鱼


        var str1 = "http://www.baidu.com?wd=斗鱼";
        var encode1 = encodeURIComponent(str1);
        document.write(encode1 +"<br>");
        var s1 = decodeURIComponent(encode);
        document.write(s1 +"<br>");//斗鱼


        var str = "a234abc";
        var number = parseInt(str);
        //alert(number + 1);

        var a = NaN;

        document.write(a == NaN);
        document.write(isNaN(a));

        var jscode = "alert(123)";
        eval(jscode);
	</script>

结果:

弹出框:123

http://www.baidu.com?wd=%E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2
http://www.baidu.com?wd=斗鱼
http%3A%2F%2Fwww.baidu.com%3Fwd%3D%E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2
http://www.baidu.com?wd=斗鱼
falsetrue
发布了16 篇原创文章 · 获赞 3 · 访问量 2084
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览