[TOC] #### 1. 遍歷數組 ---- 數組如下所示: ``` var arr = ['張三', '李四', '王五']; ``` **最常見的for循環** ```javascript for (var i = 0, length = arr.length; i < length; i++) { console.log(i, arr[i]) } ``` **for ... in 循環** ```javascript for (var key in arr) { console.log(key, arr[key]) } ``` **for ... of 循環 （ES6）** 這種方式獲取不到數組索引值 ```javascript for (var v of arr) { console.log(v) } ``` **arr.map() 數組函數** ```javascript arr.map((item, index, array) => { console.log(item, index, array) }) ``` **forEach 遍歷** ```javascript arr.forEach((item, index, array) => { console.log(item, index, array) }) ``` **遍歷數組總結** 我習慣使用 `forEach` 遍歷數組，但是當數組數據比較大時推薦使用第一種方式（最常見的for循環）, 這種方式效率高一些 #### 2. 遍歷對象 ---- **對象數據示例:** ```javascript var obj = { name: '辰風沐陽', age: 22, qq: 23426945, } ``` **for-in循環是為了遍歷對象而設計的，雖然for-in也能用來遍歷數組** ```javascript for (var key in obj) { console.log(key, obj[key]) } ```