[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>