js 遍历对象的属性的代码
更新时间：2011年12月29日 00:47:18 作者：
js 遍历对象的属性的代码，遍历出对象的属性可以用for in语句使用方法
如：
Function.prototype.addMethod=function(methodName,func){
if(!this.prototype[methodName]){
this.prototype[methodName]=func;//给原型增加方法，此方法会影响到该类型的实例上
}
return this.prototype;//返回原型，此类型实例可以进行链形调用
}
function CustomObject(name,value){
this.name=name || 'CustomeObject';
this.value=value || 0;
this.toString=function(){
return '[name:'+this.name+',value:'+this.value+']'
}
}
CustomObject.addMethod('testFun',function(){})
var obj=new CustomObject();
var info='';
for(var property in obj){
info+=property+" | ";
}
alert(info); // name | value | toString | testFun |
但此时for in 也把该对象所继承于prototype对象中的属性也遍历出来了。如果要剔除它所继承的属性，可以用hasOwnProperty语句。如
Function.prototype.addMethod=function(methodName,func){
if(!this.prototype[methodName]){
this.prototype[methodName]=func;//给原型增加方法，此方法会影响到该类型的实例上
}
return this.prototype;//返回原型，此类型实例可以进行链形调用
}
function CustomObject(name,value){
this.name=name || 'CustomeObject';
this.value=value || 0;
this.toString=function(){
return '[name:'+this.name+',value:'+this.value+']'
}
}
CustomObject.addMethod('testFun',function(){})
var obj=new CustomObject();
var info='';
for(var property in obj){
if(!obj.hasOwnProperty(property)) continue;
info+=property+" | ";
}
alert(info); // name | value | toString |
复制代码 代码如下:
Function.prototype.addMethod=function(methodName,func){
if(!this.prototype[methodName]){
this.prototype[methodName]=func;//给原型增加方法，此方法会影响到该类型的实例上
}
return this.prototype;//返回原型，此类型实例可以进行链形调用
}
function CustomObject(name,value){
this.name=name || 'CustomeObject';
this.value=value || 0;
this.toString=function(){
return '[name:'+this.name+',value:'+this.value+']'
}
}
CustomObject.addMethod('testFun',function(){})
var obj=new CustomObject();
var info='';
for(var property in obj){
info+=property+" | ";
}
alert(info); // name | value | toString | testFun |
但此时for in 也把该对象所继承于prototype对象中的属性也遍历出来了。如果要剔除它所继承的属性，可以用hasOwnProperty语句。如
复制代码 代码如下:
Function.prototype.addMethod=function(methodName,func){
if(!this.prototype[methodName]){
this.prototype[methodName]=func;//给原型增加方法，此方法会影响到该类型的实例上
}
return this.prototype;//返回原型，此类型实例可以进行链形调用
}
function CustomObject(name,value){
this.name=name || 'CustomeObject';
this.value=value || 0;
this.toString=function(){
return '[name:'+this.name+',value:'+this.value+']'
}
}
CustomObject.addMethod('testFun',function(){})
var obj=new CustomObject();
var info='';
for(var property in obj){
if(!obj.hasOwnProperty(property)) continue;
info+=property+" | ";
}
alert(info); // name | value | toString |
相关文章
本文主要分享了js实现文字无缝向上滚动的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了JavaScript数据类型，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
这篇文章主要介绍了js继承方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
在现代Web应用中,为了提升用户体验并确保系统的稳定性和一致性,部署前端版本更新后及时提醒用户进行页面刷新是至关重要的,所以本文给大家介绍了基于前端实现版本更新自动检测的流程步骤,需要的朋友可以参考下2025-03-03
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
这篇文章主要介绍了JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法,涉及javascript针对谷歌浏览器事件判定相关操作技巧,需要的朋友可以参考下2016-08-08
ECMAScript中最有意思，最强大的地方在于函数。最进在完善自己的js类库的时候发现我们经常在用函数，但真的很少有人懂得ECMAScript函数功能2012-11-11
这几个demo上星期平安夜做的，感觉效果不错，就放在出来，分享给大家2012-01-01
javascript功能的强大之处是我们大家有目共睹的，几天小编向大家介绍Javascript 判断两个IP是否在同一网段，感兴趣的朋友可以参考一下2016-11-11
这篇文章主要为大家详细介绍了微信小程序实现侧边栏二级联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了js判断变量初始化的三种形式及推荐用的形式,需要的朋友可以参考下2014-07-07
最新评论