1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <!-- 这几种数据格式都可以用for循环来遍历，for...of也都可以遍历绝大多数的数据结构 --> 9 <script type="text/javascript"> 10 let a = [ 11 { 12 name:\'张三\', 13 age:\'23\', 14 address:\'郑州\' 15 }, 16 { 17 name:\'李四\', 18 age:\'24\', 19 address:\'北京\' 20 }, 21 { 22 name:\'王五\', 23 age:\'25\', 24 address:\'这是数组对象\' 25 }, 26 ] 27 28 for (let item in a) { //打印的item为数组的索引：0、1、2 29 console.log(item) 30 } 31 for (let item of a) {//等同于上一个的console.log(a[item]) 32 console.log(item)//{name: "张三", age: "23", address: "郑州"} 33 for (let key in item) { //遍历数组中的对象 34 console.log(item[key]) 35 } 36 } 37 a.forEach(item => { //同上 38 console.log(item)//{name: "张三", age: "23", address: "郑州"} 39 }) 40 41 42 let b = [\'b\',\'1\',1,2,\'这是数组\'] 43 44 for (let item in b) { //打印的item为数组的索引：0、1、2、3、4 45 console.log(item) 46 } 47 for (let item of b) { 48 console.log(item) 49 } 50 b.forEach(item => { 51 console.log(item) 52 }) 53 54 let c = { 55 key:\'object\', 56 value:\'这是对象\' 57 } 58 59 for (let item in c) {//打印的item为对象的key：key、value 60 console.log(item) 61 } 62 // c.forEach(item => {//对象不能使用forEach 63 // console.log(item) 64 // }) 65 // for (let item of c.keys()) {//对象不能直接使用of来遍历 66 // console.log(item) 67 // } 68 69 // 需要添加下面这一句话后对象才可以使用of遍历 70 //或者直接Object.keys()、Object.values()、Object.entries() 71 let {keys, values, entries} = Object 72 73 for (let item of keys(c)) { 74 console.log(item) 75 } 76 for (let item of values(c)) { 77 console.log(item) 78 } 79 for (let item of entries(c)) { 80 console.log(item) 81 } 82 83 let d = { 84 name:[ 85 \'张三\',\'李四\',\'王五\',\'这是对象数组\' 86 ], 87 age:[ 88 20,21,22,23 89 ] 90 } 91 for (let item of values(d)) { 92 console.log(item)//获取到数组 93 item.forEach(items => { 94 console.log(items) //遍历对象中的数组 95 }) 96 } 97 </script> 98 </body> 99 </html>