JavaScript 中最常用6大遍历方式详解.pdfVIP

JavaScript 中最常用的6 大遍历方式详解 不管是移动移动端开发还是 web 端开发，我们对 JS 的使用频率都在增加，今天小 编将要和大家分享的就是 JavaScript 中，遍历方式的一些实现方法，个人感觉还是很 有用的，有兴趣的童鞋可以一起来看看。 为了让大家更直观的了解相关功能，本文将通过例子向大家展示JavaScript 的各 种遍历，为了方便展示，我们先来了解一下现有数组和json 对象 ： var demoArr = [Javascript, Gulp, CSS3, Grunt, jQuery, angular]; var demoObj = { aaa: Javascript, bbb: Gulp, ccc: CSS3, ddd: Grunt, eee: jQuery, fff: angular //本文由麦子学院 整理 }; For 循环 For 循环是编程语言中常用的循环，具体的就不介绍了，直接看实例： (function() { for(var i=0, len=demoArr.length; ilen; i++) { if (i == 2) { // return; // 函数执行被终止 // break; // 循环被终止 continue; // 循环被跳过 }; console.log(demo1Arr[+ i +]: + demo1Arr[i]); } })(); 虽然 for 循环的使用频率很高，但是还是不得不提醒大家以下几点注意事项： for 循环中的 i 在循环结束之后 ，仍然存在与作用域中，为了避免影响作用域中的 其他变量，使用函数自执行的方式将其隔离起来 ()() ; 避免使用 for(var i=0; idemo1Arr.length; i++){} 的方式，这样的数组长度每次 都被计算，效率低于上面的方式。也可以将变量声明放在 for 的前面来执行，提高阅读 性 ： var i = 0, len = demo1Arr.length; for(; ilen; i++) {}; 跳出循环的方式有如下几种 ： 1、return 函数执行被终止 2、break 循环被终止 3、continue 循环被跳过 for in for(var item in arr|obj){} 可以用于遍历数组和对象 ，其中遍历数组时，item 表示 索引值， arr 表示当前索引值对应的元素 arr[item] ；遍历对象时，item 表示 key 值， arr 表示 key 值对应的 value 值 obj[item] ，具体实现方法如下： (function() { for(var i in demoArr) { if (i == 2) { return; // 函数执行被终止 // break; // 循环被终止 // continue; // 循环被跳过 }; console.log(demoArr[+ i +]: + demoArr[i]); } console.log(); })(); 关于 for in ，有以下几点需要注意： 1、在 for 循环与 for in 循环中， i 值都会在循环结束之后保留下来。因此使用函数自 执行的方式避免。 2、使用 return ，break ，continue 跳出循环都与 for 循环一致，不过关于 return 需要 注意，在函数体中，return 表示函数执行终止，就算是循环外面的代码，也不再继续 往下执行。而 break 仅仅只是终止循环，后面的代码会继续执行。 function res() { var demoArr = [Javascript, Gulp, CSS3, Grunt, jQuery, angular]; for(var item in demoArr) { if (item == 2) { return; }; console.log(item, demoArr[item]); } console.log(desc, function res); //不会执行 } forEach demoArr.forEach(function(arg) {}) 参数 arg 表示数组每一项的元素，实例如下 ： demoArr.f