用JavaScript中的for循环遍历数组

先看一段代码

！doctype html lang=' en ' head meta charset=' utf-8 ' title document/title/head dyscript//一个普通数组var arr=[3，5，2，6]；//普通for循环遍历for(var I=0；一、长度；I ){ console.log(i，' type:' typeof i，arr[I])；}//traverse array for(var k in arr){ console . log(k，' type:' typeof k，arr[k])，for in} /script/body/html这段代码显示了for循环遍历数组和for in循环遍历数组之间的一些区别：

for循环标准中的I是数字类型，表示数组的下标，而foreach循环中的I表示数组的键是字符串类型。

这不是坑，只是一点点区别。

看看另一段代码

！doctype html lang=' en ' head meta charset=' utf-8 ' title document/title/head dyscript//一个普通数组var arr=[3，5，2，6]；//扩展方法array . prototype . extend=function(){ console . log('扩展数组原型上的方法')；}//普通for循环遍历for(var I=0；一、长度；I ){ console.log(i，' type:' typeof i，arr[I])；}//traverse array for(var k in arr){ console . log(k，' type:' typeof k，arr[k])，for in} /script/body/html这段代码是基于上面的代码，并扩展了Array。很简单，只需添加一个函数。但是让我们看看在操作中会发生什么：

在输出结果中有一个额外的行，这是我们扩展的函数，而不是我们在数组中定义的值。至此，这个问题就出来了。

总而言之，用于.在.在正常情况下确实可以正常工作。

然而，如果我们在项目中使用foreach遍历Arrays，假设有一天，任何人不小心扩展了js的原生数组类或者引入了外部js框架。那么问题来了。

所以最好用for循环遍历数组

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。