对对象进行遍历

Posted zhouyideboke

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对对象进行遍历相关的知识,希望对你有一定的参考价值。

 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>

 

以上是关于对对象进行遍历的主要内容,如果未能解决你的问题,请参考以下文章

如何遍历一个JS对象中的所有属性

javaScript数组遍历

angularjs怎么遍历每个对象的属性的值

如何对对象中包含的列表进行排序

GLSL:使用片段着色器进行对象翻译

对对象进行遍历