js怎么获取对象的key（JavaScript 获取对象长度）

JavaScript 中    
    
    
，对于普通对象  


     


     


    ，不能直接使用 length 来获取对象的长度


 




 




 


，因为 JavaScript 对象并不是一种有序的集合   

   

   

，没有长度的概念 
    
    
    。

对于数组或者类数组对象   

     

     

   ，可以使用 .length 来获取它们的长度



  




  




  

，因为它们是有序集合
     


     


     


。

对于字符串也可以使用.length来获取长度  


  


  


，因为字符串也是有序集合 




 




 




。

使用 Object.keys() 方法来获取对象的可枚举自有属性的键的数组    
     
     
  ，并使用数组的 length 属性来获取对象的长度 

   

   

   。例如：

let obj = {name: John, age: 30, city: New York}; let length = Object.keys(obj).length; console.log(length); //3

也可以使用 for...in 来遍历对象中的所有键




   




   




   
，并在遍历过程中计数
     

     

     

。例如：

let obj = {name: John, age: 30, city: New York}; let count = 0; for (let key in obj) { if (obj.hasOwnProperty(key)) { count++; } } console.log(count); // 3

对于对象来说有一点需要注意 



 



 



，如果对象没有定义任何自有属性                ，或者对象是一个继承来的对象




    




    




    ，它可能会包含一些继承来的属性  




  




  




。而 hasOwnProperty 方法只会检查自有属性















，所以在使用 for...in 时应该使用 hasOwnProperty 来确保只遍历了对象的自有属性 


  


  


  。

对于 ES6 的 Object.keys(obj) 和 Object.values(obj) 是在遍历的同时会忽略继承的属性               ，所以可以不用 hasOwnProperty
     
     
     
。

使用 Object.getOwnPropertyNames(obj).length 



     



     



     ，这个方法会返回一个数组















，里面是对象所有的键名    
    
    
，然后可以使用length来获取长度   




   




   




。

let obj = {name: John, age: 30, city: New York}; let length = Object.getOwnPropertyNames(obj).length; console.log(length); // 3

使用 Object.getOwnPropertyNames 与 Object.keys 不同在于  


     


     


    ，它包括对象的不可枚举属性（除了 Symbol 属性）


 




 




 


，如果想要判断对象自身的属性   

   

   

，最好使用Object.keys   

     

     

   ，如果需要包括不可枚举属性



  




  




  

，那就使用Object.getOwnPropertyNames 



 



 



 。

总结:

使用 Object.keys(obj).length 可以获取对象的可枚举自有属性长度 使用 Object.getOwnPropertyNames(obj).length 可以获取对象的所有自有属性长度  


  


  


，包括不可枚举属性 使用 for...in 循环遍历对象的属性并计数的方法来获取对象的长度    
     
     
  ，可通过该方法获取所有属性的长度（包括继承来的属性）

需要注意的是




   




   




   
，这些方法是在 ES5 标准之后提出的 



 



 



，在老的浏览器中可能不支持               。