html 遍历对象属性,for/in 循环遍历对象的属性

平时想要遍历一个对象时一般会采用for/in语句，通过for/in语句可以快速地拿到对象的key和value值

举个小栗子：

var obj = {name:'wan',age:24};

for(var key in obj){

console.log(key); //name age

console.log(obj[key]); //wan 24

}

可是，使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问：

function Pro(name, age){

this.name = name;

this.age = age;

}

Pro.prototype.hobby = '羽毛球';

Pro.prototype.qq = '123';

var pro1 = new Pro('wan',24);

console.log(pro1);

for(var p in pro1){

console.log(p); //会打印所有属性，包含原型链上的

}

可是，如果要只遍历对象自身的属性呢，今天刚刚看到这个问题时，我一下子没想起来，可以利用对象的hasOwnProperty属性做一个筛选

for(var p in pro1){

if (pro1.hasOwnProperty(p)) {

console.log(p); //这样，打印的属性就只包含对象自己的了

}

}

很多时候，看到一些零碎的知识点，不去真正用上的话，看了就忘记了，知识还是得多用才记得牢，谨记！

javascript遍历对象的属性

不同类型的循环 JavaScript 支持不同类型的循环: for - 多次遍历代码块 for/in - 遍历对象属性 while - 当指定条件为 true 时循环一段代码块 do/while - ...

js遍历对象的属性和方法

js遍历对象的属性和方法 一.总结 二.实例 练习1:具有默认值的构造函数 实例描述: 有时候在创建对象时候,我们希望某些属性具有默认值 案例思路: 在构造函数中判断参数值是否为undefined,如 ...

JS遍历对象的属性和值

对于需要动态获取对象的某些属性和对应的值的时候,就需要遍历对象的属性和值. const user = { name: '张三', age: 20, addr: '湖北武汉', sex: '男' } / ...

cocos2d JS-(JavaScript) 几种循环遍历对象的比较

通常我们会用循环的方式来遍历数组.但是循环是 导致js 性能问题的原因之一.一般我们会采用下几种方式来进行数组的遍历: 方式1: for in 循环: var arr = [1,2,3,4,5]; v ...

javaScript for in循环遍历对象

for循环常被我们用来遍历数组,而如何遍历对象呢? 这时就需要用到for in循环了 写一个遍历对象名简写如下: for(var xxx in ooo){console.log(xxx)} 其中xxx ...

js遍历对象的属性并且动态添加属性

var person= { name: 'zhangsan', pass: '123' , 'sni.ni' : 'sss', hello:function (){ for(var i=0;i< ...

JS完成页面跳转并传参的方法&vert;附加：循环遍历对象

此方法只能传递较少参数 方法如下: 跳转 以上是正常写法,如果要传参按一下写法: