首页 > 编程语言 > 详细

JS中数组、对象、对象数组、数组对象的遍历方法

时间:2020-09-22 12:03:04      阅读:40      评论:0      收藏:0      [点我收藏+]
 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>

 

JS中数组、对象、对象数组、数组对象的遍历方法

原文:https://www.cnblogs.com/lyt520/p/13710972.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!