详解Object.keys方法

在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组

1.传入对象,返回属性名

varobj = {'a':'123','b':'345'};

console.log(Object.keys(obj));//['a','b']

varobj1 = {100:"a",2:"b",7:"c"};

console.log(Object.keys(obj1));// console: ["2", "7", "100"]

varobj2 =Object.create({}, { getFoo : { value :function(){returnthis.foo } } });

obj2.foo =1;console.log(Object.keys(obj2));// console: ["foo"]

2.传入字符串,返回索引

varstr ='ab1234';

console.log(Object.keys(obj));//[0,1,2,3,4,5]

3.构造函数 返回空数组或者属性名

functionPasta(name, age, gender){

     this.name = name;

     this.age = age;

     this.gender = gender;

     this.toString =function(){

     return(this.name +", "+this.age +", "+this.gender);

      }     

}    console.log(Object.keys(Pasta));//console: []

varspaghetti =newPasta("Tom",20,"male");    

console.log(Object.keys(spaghetti));//console: ["name", "age", "gender", "toString"]


4.数组 返回索引

vararr = ["a","b","c"];    

console.log(Object.keys(arr));// console: ["0", "1", "2"]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.缘由 当前移动互联网用户增长红利已经接近尾声,传统企业也嚷嚷着转型好多年。很多传统企业老总带着线下经验和资本积...
    高效匠人阅读 1,002评论 3 2
  • #豆子半岁观察篇#豆子明天就六个月,半岁啦。日子过的真快呀,这半年真是感慨多多。照顾她的过程也是我修心学习的过程,...
    银质新月英子阅读 290评论 0 1