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