对对象进行遍历

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 
 9 
10 <!--对象进行排序-->
11 
12 <script type="text/javascript">
13 
14     let obj = {name: "zhouyi", age: 26, fond: "learning", systerm: "good"}
15 
16     function objsort(obj) {
17         let newkey = Object.keys(obj).sort()
18 
19         var newObj = {};//创建一个新的对象,用于存放排好序的键值对
20         for (var i = 0; i < newkey.length; i++) {//遍历newkey数组
21             newObj[newkey[i]] = obj[newkey[i]];//向新创建的对象中按照排好的顺序依次增加键值对
22         }
23         return newObj;//返回排好序的新对象
24     }
25 
26     objsort(obj)
27     console.log(objsort(obj))
28 
29     // 如果要倒序排列,只需把newkey这个数组中的每一项进行颠倒即可,即let newkey = Object.keys(obj).sort().reverse();
30     function sortreverse(obj) {
31         let newkey = Object.keys(obj).sort().reverse()
32         var newObj = {};//创建一个新的对象,用于存放排好序的键值对
33         for (var i = 0; i < newkey.length; i++) {//遍历newkey数组
34             newObj[newkey[i]] = obj[newkey[i]];//向新创建的对象中按照排好的顺序依次增加键值对
35         }
36         return newObj;//返回排好序的新对象
37 
38 
39     }
40 
41     console.log(sortreverse(obj))
42 
43 
44 </script>
45 
46 
47 </body>
48 </html>

 

posted @ 2018-08-09 14:15  又回到了起点  阅读(143)  评论(0编辑  收藏  举报