javascript 对象
- 作者:洒血 | 分类: javascript | 评论:0 | 浏览:40 | 时间:2011-04-22 20:00:01 |
- javascript对象的定义，以及实例化过程
-
对象
对象是一堆属性的集合,其实它和数组是相通的
var obj = new Object();//创建一个对象
obj.property = “value”;//使用点语法给对象添加属性
alert(obj);//只会输出含糊的[object Object]
alert(obj.property);//真正的数据全存储在它的属性上面
对象吗?就当和现实中的对象一样:一个”人”对象
var person = new Object();
person.age = 18;
person.weight = “123kg”;
person.height = “170cm”;
person.arm = 2;//两个臂膀
person.leg = 2;
上面创建的对象,描述了现实中的人的一些特性:年龄 18;重量 123kg;身高 170cm;不是残疾(这个是我推断的); 其实数组也能完成这样的工作
var person = new Array();
person[0] = 18;
person[1] = “123kg”;
person[2] = “170cm”;
person[3] = 2;
person[4] = 2;
但是这样的表达方式,没人能看出这是一个”人”对象,使用数字下标没有对象的属性明了,代码难于理解. 其实数组可以使用字符串下标的
var person = new Array();
person["age"] = 18;//注意,中括号里的下标是一个字符串,所以需要使用引号
person["weight"] = “123kg”;
person["height"] = “170cm”;
person["arm"] = 2;
person["leg"] = 2;
我说过了,数组和对象是相通的
var arr = new Array();
var obj = new Object();
alert(typeof arr);//object
alert(typeof obj);//object
所以,数组用字符串下标,事实上也是在给其添加属性
var arr =[1,2,3];
arr["property"]=”some data”;
alert(arr.property);//”some data”
//但注意的是,数组的length属性只能报告具有数字下标的元素的个数
alert(arr.length);//3
而对象也可以使用类似语法访问它的属性
var obj = new Object();
obj.property = “some data”;
alert(obj["property"]);//”some data”
//当然也可以使用数字下标
obj[1]=123;
alert(obj[1]);//123
alert(obj.property);//”some data”
alert(obj.length);//但与数组不同的是,它没有length属性
与数组字面量相对应的,也有对象字面量的声明方式
var obj = {
a:123,//这里的a,b等同样是对象的属性名
b:456 //注意,最后没有逗号
};
alert(obj.a);
alert(obj.b);
//还可以这样写
obj = {
“a”:345, //虽然如果用引号引起来就可以使用空格等不符合变量命名规范的字符,但强烈不推荐
“b”:333
};
alert(obj.a);//345
对于数组,我们可以使用for对其进行遍历,但for循环只能遍历具有数字下标的元素
var arr =[1,2,3,4];
arr["stringIndex"]=”some data”;//这个不会被遍历到
alert(arr.length);//arr.length属性也不报告包含此元素
for (var i=0;i< arr.length;i++) {
alert(arr[i]);//i只会是数字,所以不能遍历字符串下标的元素
}
我们之前看到,对数组使用字符串下标实际上是给这个数组对象添加属性,这个时候我们会发现,对象的属性还没有什么好的方法列举出来,for.. in...循环出现了 (对于研究对象,for in循环太有用了)
var obj={
age:12,
height:170
};
for (var i in obj) {//i将会被列举为键名,就是所说的字符串的下标
alert(i+"\n"+obj[i]);/*将会以类似
age
12
这样的格式分别输出它的键名键值对
*/
}
for in 循环不但是用来遍历对象属性,它也可以遍历出数组的具有数字下标的元素
var arr = [1,2,3,4,5,6];
arr["property"]=78;//会被遍历到,因为它是属性
for (var i in arr) {
alert(i+" : "+arr[i]);
}
了解这些之后,我们可以使用它们来存储一些数据:一个班的学生的成绩(该用数组还是对象呢?这确实是一个问题)
//该是对象就是对象,该是数组就是数组
var myClass=[];//创建一个数组,放置每个学生的信息,以学生的学号作为数组下标
myClass[1]={
"name":"HUXP",
"Chinese":60,
"English":70,
"Math":80,
"Grade":"C"
};
myClass[2]={
"name":"发哥",
"Chinese":80,
"English":80,
"Math":80,
"Grade":"B"
};
myClass[3]={
"name":"Per",
"Chinese":66,
"English":77,
"Math":88,
"Grade":"B"
};
myClass[4]={
"name":"小虎子",
"Chinese":60,
"English":60,
"Math":770,
"Grade":"C"
};
myClass[5]={
"name":"DBD",
"Chinese":70,
"English":70,
"Math":70,
"Grade":"B"
};
myClass[6]={
"name":"○",
"Chinese":77,
"English":77,
"Math":80,
"Grade":"B"
};
myClass[7]={
"name":"Me",
"Chinese":100,
"English":100,
"Math":100,
"Grade":"A",
"Saying":"哇哈哈!"
};
//当然,做了这些还没什么意义
alert(myClass[5].Chinese)//如果有学号,输出对应学号的学生的语文成绩太简单了
//更复杂的,搜索学生姓名,返回他的所有信息,是使用函数的时候了
function searchByName(name) {
for (var i=1;i< myClass.length;i++) {
if (myClass[i].name == name) {
return myClass[i];
}
}
}
alert(searchByName("○").Math);String对象以及一些用于字符串的方法和属性
创建String对象
var str = new String();
alert(str);//输出空字符串
str = new String(“some string here”);
alert(str);//输出字符串”some string here”
//表面上看,这和直接创建的字符串是一样的效果
str = “some string here”;
alert(str);
但由于使用new String();所以创建出来的是对象
var str = new String();
alert(typeof str);//object
//因为是对象,所以自然有很多属性和方法
//但字符串本身也存这样的方法
有很多用于处理字符串的方法以及一些属性
•length 属性,返回字符串的长度
•indexOf 方法,返回字符串内第一次出现子字符串的字符位置
•lastIndexOf 方法,返回字符串中子字符串最后出现的位置
•charCodeAt 方法,返回一个整数，代表指定位置上字符的 Unicode 编码
•fromCharCode 方法,从一些 Unicode 字符值中返回一个字符串
•replace 方法,进行文字替换,返回替换后的字符串的复制
•substr 方法,返回一个从指定位置开始的指定长度的子字符串
•substring 方法,返回位于 String 对象中指定位置的子字符串
•toLowerCase 方法,返回一个字符串，该字符串中的字母被转换为小写字母
•toUpperCase 方法,返回一个字符串，该字符串中的所有字母都被转化为大写字母
•split 方法,把字符串分割为字符串数组。
var str =”some string here”;
alert(str.length);//16
alert(str.indexOf(“s”));//0,字符串的位置从0开始计数
alert(str.indexOf(“o”));//1
alert(str.indexOf(“k”));//没有找到时返回-1
alert(str.lastIndexOf(“e”));//15,从后往前查找
alert(str.charCodeAt(0));//115,小写s的Unicode编码
alert(String.fromCharCode(65,66,67,68));//返回ABCD,注意fromCharCode是String对象的静态方法
alert(str.replace(“some”,”much”));//”much string here”
alert(str.substr(1,2));//uc,从下标1开始向后截取2个字符
alert(str.substring(1,2));//c,从下标1开始截取到下标2,不包括结束位置的字符
alert(str.toLowerCase());
alert(str.toUpperCase());
alert(str.split(” “));//some,string,here -
本文链接：http://www.saxue.com/javascript/duixiang.html
郑重声明： 本站为原创作网站，请尊重本站版权，洒血博客版权所有,未经许可 请勿转载，未通知本站转载者请注明转载出处
-
- 赞助招商