JavaScript学习笔记之JS对象
默认对象
日期对象Date,
格式:日期对象名称=newDate([日期参数])
日期参数:
1.省略(最常用);
2.英文-数值格式:月日,公元年[时:分:秒]
如:today=newDate("October1,200812:00:00")
3.数值格式:公元年,月,日,[时,分,秒]
如:today=newDate(2008,10,1)
日期对象的方法:
格式:日期对象名称.方法([参数])
使用例子:
<body> <scripttype="text/javascript"> vardate=newDate();//JS中默认提供的对象 document.writeln("现在时刻:"+(date.getYear()+1900)+"年" +(date.getMonth()+1)+"月"+date.getDate() +"日"+",星期"+date.getDay()+",时间:"//星期天会是0,需要进一步处理,这里先不处理 +date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()); </script> </body>
输出:
现在时刻:2014年4月21日,星期1,时间:14:7:53
数组对象
数组对象的作用是:使用单独的变量名来存储一系列的值。
JavaScript的数组有两点特殊性:
1.数组长度不定,可以自动扩容;
2.数组中存放的数据类型可以不统一,即可以混存不同的数据类型。
建立数组对象的多种格式:
newArray();
返回的数组为空,length字段为0。
newArray(size);
参数size是期望的数组元素个数。返回的数组,length字段将被设为size的值。该构造函数将返回具有指定个数、元素为undefined的数组。
newArray(element0,element1,...,elementn);
该构造函数将用参数指定的值初始化数组,数组的length字段会被设置为参数的个数。
数组对象名称=[元素1[,元素2,...]]
(注意这里使用的是方括号)。
当把构造函数作为函数调用,不使用new运算符时,它的行为与使用new运算符调用它时的行为完全一样。
还可以创建二维数组。
Array对象的方法可以参见:http://www.w3school.com.cn/jsref/jsref_obj_array.asp
数组对象使用实例:
<!DOCTYPEhtml> <html> <head> <title>arrayTest.html</title> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="thisismypage"> <metahttp-equiv="content-type"content="text/html;charset=UTF-8"> <!--<linkrel="stylesheet"type="text/css"href="./styles.css">--> </head> <body> <scripttype="text/javascript"> //varfruits=newArray("Apple","Banana","Pear"); varfruits=["苹果","香蕉","梨"];//推荐使用 //可以动态添加元素 fruits.push("西瓜"); fruits.push("橙子"); for(vari=0;i<fruits.length;++i) { document.writeln("fruit["+i+"]="+fruits[i]+"<br/>"); } //数组的一些方法测试 with(document) { write("<ul>"); write("<li>"+fruits.join()+"</li>");//默认使用逗号来分隔 write("<li>"+fruits.join(";")+"</li>"); write("<li>"+fruits.toString()+"</li>"); write("<li>"+fruits.reverse().join()+"</li>"); write("<li>"+fruits.valueOf()+"</li>"); //说明上面的reverse实际上是改变了数组本身 write("</ul>"); } //二维数组 varpeople=newArray(3); people[0]=newArray(1,"zhangsan","lisi"); people[1]=newArray(2,"Jack","Lucy"); people[2]=newArray(3,"Xiaoming","Xiaohong"); //注意数据类型可以混合使用 //遍历二维数组 for(vari=0;i<people.length;++i) { for(varj=0;j<people[i].length;++j) { document.write("people["+i+"]["+j+"]="+people[i][j]+"<br/>"); } document.write("<br/>"); } </script> </body> </html>
字符串对象
建立字符串对象:
格式:字符串对象名称=newString(字符串常量)
格式:字符串变量名称="字符串常量"
一个验证Email的例子:
<!DOCTYPEhtml> <html> <head> <title>emailConfirm.html</title> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="thisismypage"> <metahttp-equiv="content-type"content="text/html;charset=UTF-8"> <!--<linkrel="stylesheet"type="text/css"href="./styles.css">--> <scripttype="text/javascript"> functionisEmail() { varemailValue=document.getElementsByName("email")[0].value; if(-1==emailValue.indexOf("@")) { alert("请填写正确的Email地址"); } else { alert("Ok"); } } </script> </head> <body> <form> email:<inputtype="text"name="email"><br/> <inputtype="button"value="check"onclick="isEmail()"> </form> </body> </html>
自定义对象
前面讲函数的时候讲过一个例子,现在这里再讲一下这个例子:
<!DOCTYPEhtml> <html> <head> <title>objectTest.html</title> <metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> <metahttp-equiv="description"content="thisismypage"> <metahttp-equiv="content-type"content="text/html;charset=UTF-8"> <!--<linkrel="stylesheet"type="text/css"href="./styles.css">--> </head> <body> <scripttype="text/javascript"> //定义对象的一种方式:通过构造函数 functionmember(name,gender) { //属性 this.name=name; this.gender=gender; //方法 this.display=display;//指定member对象的display方法 } functiondisplay() { varstr=this.name+":"+this.gender; //这个display方法被谁使用了,此处的this就指向那个对象 document.writeln(str+"<br/>"); } //生成对象 varm1=newmember("zhangsan","male"); varm2=newmember("lisi","male"); varm3=newmember("wangwu","male"); varm4=newmember("wangfang","female"); with(document) { write("输出属性","<br/>"); write(m1.name+":"+m1.gender+"<br/>"); write(m2.name+":"+m2.gender+"<br/>"); write(m3.name+":"+m3.gender+"<br/>"); write(m4.name+":"+m4.gender+"<br/>"); } document.write("调用方法","<br/>"); m1.display(); m2.display(); m3.display(); m4.display(); </script> </body> </html>
小伙伴们是否对javascript中对象的概念和用法有了新的认识了呢,希望大家能够喜欢本文及本系列文章。