你认为……有很大的不同吗?In和for循环?你更喜欢用哪种for ?为什么?
假设我们有一个关联数组数组:
var myArray = [{'key': 'value'}, {'key': 'value1'}];
所以我们可以迭代:
for (var i = 0; i < myArray.length; i++)
And:
for (var i in myArray)
我看不出有什么大的不同。是否存在性能问题?
当前回答
尽管它们非常相似，但有一个微小的区别:
var array = ["a", "b", "c"];
array["abc"] = 123;
console.log("Standard for loop:");
for (var index = 0; index < array.length; index++)
{
console.log(" array[" + index + "] = " + array[index]); //Standard for loop
}
在这种情况下，输出是:
循环的标准:
数组[0]= a
数组[1]= b
数组[2]= c
console.log("For-in loop:");
for (var key in array)
{
console.log(" array[" + key + "] = " + array[key]); //For-in loop output
}
而在这种情况下，输出是:
工党循环:
数组[1]= b
数组[2]= c
数组[10]= d
数组[ABC] = 123
其他回答
这是我做的事情。
function foreach(o, f) {
for(var i = 0; i < o.length; i++) { // simple for loop
f(o[i], i); // execute a function and make the obj, objIndex available
}
}
这就是你使用它的方式 这将适用于数组和对象(如HTML元素列表)
foreach(o, function(obj, i) { // for each obj in o
alert(obj); // obj
alert(i); // obj index
/*
say if you were dealing with an html element may be you have a collection of divs
*/
if(typeof obj == 'object') {
obj.style.marginLeft = '20px';
}
});
我只是做了这个，所以我愿意听取建议:)
使用Array()。forEach循环利用并行性
2012年所有主流浏览器当前版本的更新答案- Chrome, Firefox, IE9, Safari和Opera支持ES5的原生array.forEach。
除非你有理由在本地支持IE8(记住ES5-shim或Chrome框架可以提供给这些用户，这将提供一个适当的JS环境)，否则使用语言的正确语法会更干净:
myArray.forEach(function(item, index) {
console.log(item, index);
});
array.forEach()的完整文档在MDN上。
注意本机Array。每种方法现在都得到广泛支持。
使用for (var i in myArray)你也可以遍历对象，i将包含键名，你可以通过myArray[i]访问属性。另外，你添加到对象中的任何方法都将包含在循环中，也就是说，如果你使用任何外部框架，如jQuery或prototype，或者如果你直接向对象原型添加方法，在某一点上，我将指向那些方法。
