js循环的方法有很多种,我经常用的是map,感觉什么都可以用map循环来实现,今天查找了下其他的循环方式,发现好多人分析了for 和 for in 的区别,也让我重新对学习了一遍。
对于一个数组对象,例如:
var arr = [
{ name: "zh", age: 25 },
{ name: "lm", age: 17 }
]
用for循环和for in 循环达到的效果是相同的。
- for
for( var i = 0; i < arr.length; i++) {
console.log( arr[i]); // { name: "zh", age: 25 }, { name: "lm", age: 17 }
console.log( arr[i].name); // zh, lm
}
- for in
for(var i in arr) {
if(!arr,hasOwnProperty(i)) continue;
console.log(arr[i]); // { name: "zh", age: 25 }, { name: "lm", age: 17 }
console.log(arr[i].name); // zh, lm
}
注意:hasOwnProperty函数用于指示一个对象自身(不包括原型链)是否具有指定名称的属性。如果有,返回true,否则返回false
该方法属于Object对象,由于所有的对象都"继承"了Object的对象实例,因此几乎所有的实例对象都可以使用该方法。
如果不加该方法,则会出现很多内置对象级属性,易报错:
- map
arr.map(function(item){
console.log(item); // { name: "zh", age: 25 }, { name: "lm", age: 17 }
console.log(item.name); // zh, lm
})