???这篇博文时关于学习javascript中我一直很少使用的一个知识点,in运算符和for/in循环语句。这两个知识点都是和对象有关系,当然这个对象也包括数组。于是,参考了网上的部分资料,总结了使用过程中的一些技巧。
1. in运算符:要求其左边的运算数是一个字符串,或可以被转换为字符串(比如number等),右边的运算数是一个对象或数组。如果该运算符左边的值是右边对象的一个属性名,则返回true。
例如:
? ? ? ? ?var person={"name":"xxx","age":25,"sex":"men"}; //对象
?
var has_name="name" in person; //返回true var has_girlfriend="girlfriend" in person; //返回false var ts="toString" in person;//返回true,toString为自定义对象的继承方法
?
???2. for/in语句:语法,for (variable in object)
????????????????????????????statement;
??????提供了一种遍历对象属性的方法。
例:for(var prop in my_object) {
????????document.write("name:"+prop+";value:"+my_object[prop],"<br>");
????}
??????javascript的数组是一种特殊的对象,因此for/in循环可以像枚举对象属性一样枚举数组下标。
可以把一个对象的所有属性名复制到一个数组中,
例:var o= {x:1,y:2,z:3};
????var a=new Array();
????var i=0;
????for (a[i++] in o)?
????;//空语句,用于初始化数组
????3. in运算符与for/in语句不同,for/in语句in的左边可以是声明一个变量的var语句,数组的一个元素或者是对象的一个属性,不能使字符串。
????4. 数组常用的存取属性运算符是“[]”,而不是“.”。使用“[]”来命名属性名师字符串值,是动态的,可以在运行时改变,而不是一个标识符“.”。
例:var stock_name= get_stock_name_from_user();//从用户处获取股票名
????var share= get_number_of_shares();//得到股票数量
????portfolio[stock_name]= share;//动态地创建数组股票,并为每支股票赋值
????将该例子与for/in循环一起使用,当用户输入了他的投资组合,可以计算当前总值
????var value= 0;
????for (stock in portfolio) {
???????value +=get_share_value(stock)*portfolio[stock];
????}
stock存取的是每支股票的名字。 ?????
portfolio[stock]存取的是每支股票的数量。
?
5.for/in的一个陷阱:
?
var Status = function(arg){ this.arg = arg; } Status.prototype.getStatus = function(){ return this.arg; } var instance = new Status('a test string'); var value=instance.getStatus(); //alert(value); instance.ooxx = 'ooxx'; for(i in instance){ document.write(i+"<br/>"); }?会输出结果:
?
arg
ooxx
getStatus
?
?
但这并不是我们想要的结果:我们通常只需要获得属性,而不需要获得对象的原型。解决办法如下
for(i in instance){
? ? if(instance.hasOwnProperty(i)){
? ? ? ? ?document.write(i+"<br/>");
}
}
也就是说遍历的时候使用hasOwbnProperty(property)来判断是否是属性,而过滤掉对象的函数和原型?