Object.keys()的详解和用法
发布日期:2022-02-12 16:06:58 浏览次数:1 分类:技术文章

本文共 1040 字,大约阅读时间需要 3 分钟。

Object.keys()的详解和用法

在实际开发中,我们有时需要知道对象的所有属性;
ES5 引入了Object.keys方法,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键名。

传入对象,返回属性名

var data={
   a:1,b:2,c:9,d:4,e:5};
console.log(Object.keys(data));//["a", "b", "c", "d", "e"]
Object.keys(data).map((key,item)=>{
   console.log(key,data[key]);//key=>属性名
data[key]=>属性值});

传入字符串,返回索引

var str = 'ab1234';console.log(Object.keys(obj));  //[0,1,2,3,4,5]

传入数组 返回索引

var arr = ["a", "b", "c"];console.log(Object.keys(arr)); // console: ["0", "1", "2"]

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

function Pasta(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: []var spaghetti = new Pasta("Tom", 20, "male");console.log(Object.keys(spaghetti)); //console: ["name", "age", "gender", "toString"]

扩展

Object.values()

Object.values方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键值。

Object.entries()

Object.entries方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键值对数组。

转载地址:https://blog.csdn.net/weixin_46663768/article/details/106626685 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Object.assign()的详解和用法
下一篇:浏览器(javaScript)同源策略及其规避方法

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.36.148.117]2022年06月19日 23时34分39秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

最新文章