[TOC]  #### 1.for 循环 <script type="text/javascript"> var arr = ['苹果','鸭梨','香蕉','西瓜','火龙果','葡萄']; //for循环遍历 for (var i=0;i<arr.length;i++) { document.write(arr[i]+'很好吃<br />'); } </script> #### 2.forEach循环 <script type="text/javascript"> var arr = ['苹果','鸭梨','香蕉','西瓜','火龙果','葡萄']; //参数x代表的是每次遍历到的数据的数据值 arr.forEach(x=>{ console.log(x); }) var s = new Set(['苹果','鸭梨','香蕉','西瓜','火龙果','葡萄']); //参数x代表的是每次遍历到的数据的数据值 s.forEach(x=>{ console.log(x); }) var m = new Map([ ['a',11], ['b',22], ['c',33], ['d',44], ]); //如果传入两个参数,第一个参数代表的是键值,第二参数代表的是键名 m.forEach((x,y)=>{ console.log(x,y); }) </script> #### 3.map方法 <script type="text/javascript"> var arr = ['苹果','鸭梨','香蕉','西瓜','火龙果','葡萄']; //map方法会遍历数组所有数据,回调函数中的返回值,就是遍历到的这个数据的新值 let newarr = arr.map(x=>{ return x+'很好吃'; }) console.log(arr); console.log(newarr); </script> #### 4.filter方法 <script type="text/javascript"> //filter方法会挨个遍历数组中的数据,如果回调函数返回的值是true,就保留当前遍历到的数据,如果返回的是false,就不保留当前的数据 var arr = [342,24,205,76,8,54,12,135]; let newarr = arr.filter(x=>{ return x>100; }) console.log(arr); console.log(newarr); </script> #### 5.for in循环 <script type="text/javascript"> var obj = { a:11, b:22, c:33, d:44, } //x代表是每次遍历到的对象属性的属性名的字符串形式 for (x in obj) { console.log(x,obj[x]); } //不推荐用for in循环遍历数组 var arr = ['苹果','鸭梨','香蕉','西瓜','火龙果','葡萄']; for (x in arr) { console.log(x,arr[x]); } </script> #### 6.for of循环 <script type="text/javascript"> var arr = ['苹果','鸭梨','香蕉','西瓜','火龙果','葡萄']; //for of循环,遍历数组的时候,x代表是每次遍历到的数据的值 for (x of arr) { console.log(x); } let s = new Set(['苹果','鸭梨','香蕉','西瓜','火龙果','葡萄']); for (x of s) { console.log(x); } let m = new Map([ ['a',1], ['b',2], ['c',3], ['d',4], ]) //for of遍历Map结构数据的时候,x代表的是每次遍历的键值对,键名和键值以数组的形式呈现 for (x of m) { console.log('键名',x[0]); console.log('键值',x[1]); } </script>