深入了解Js中的对象|世界看热讯

首页>滚动 > 正文
2023-05-22 14:27:50

来源:博客园

在JavaScript中,对象是个无序的键值对数据集。例如:


(资料图)

var xiaoqiang={      name:"wangqiang",      age:30,      city:"guangzhou",      job:"engineer"  }

上述例子中的小强是一位年轻人,对于这个对象我们用一个括号进行定义。在括号体内我们描述了这个人的几种属性:姓名、年龄、所在城市,工作等。 每一个属性对应一个值,形成了一个数据集。

对象属性的访问、添加、删除

我们可以通过点操作符访问一个对象的属性,访问小强的姓名可以用xiaoqiang.name,也可以用方括号的方式xiaoqiang["name"]的方式。还可以动态添加一个属性, 动态删除一个属性。例如:

xiaoqiang["name"];    //返回wangqiang  xiaoqiang.name;       //返回wangqiang  xiaoqiang.height;     //undefined  xiaoqiang.height = 1.8  // 给xiaoqiang动态添加了一个属性  delete xiaoqiang.height;

我们还可以通过Object的静态方法defineProperty动态地给一个对象添加属性。下面的例子,我们动态地给xiaoli对象添加一个name属性:

xiaoli = {};  Object.defineProperty(xiaoli,"name",{      value:"xiaoli",      writable:false,  // 属性不能修改,      enumerable:true, // 属性可枚举,如:可以通过for ( let item of Object.entries(xiaoli)){...} 的方式枚举属性  })

对象属性的测试

通过in关键字测试对象中的属性,也可以通过Object的hasOwn方法测试对象属性。一个对象的属性包括自有属性和继承来的属性。

"name" in xiaoqiang;    //true;  "toString" in xiaoqiang;  //true 通过object对象继承的属性  xiaoqiang.hasOwnProperty("age") //true age是xiaoqiang自己的属性  xiaoqiang.hasOwnProperty("toString")//false 通过继承自object的属性,不算自己的属性  Object.hasOwn(xiaoqiang,"age");  //true Object的静态方法判断是否是自己的属性  Object.hasOwn(xiaoqiang,"toString"); //false  Object.getOwnPropertyNames(person);  //获取所有自身的属性名称

特殊情况

在定义一个对象时,对象属性的键是字符串类型,一般情况下可以省略单引号或双引号。如果键中包含特殊的字符,那就必须带上双引号或单引号,例如:

var xiaoqiang={      name:"wangqiang",      age:30,      city:"guangzhou",      job:"engineer",      "company-address":"tianhe district,guangzhou" // company-address要加引号  }  xiaoqiang["company-address"]  

上述对象xiaoqiang的company-address属性带有特殊的符号,所以定义的时候需用引号包裹起来,在进行属性访问的时候需用方括号

对象属性以及值的遍历

使用Object的entries方法,然后进行遍历

var xiaoqiang={      name:"wangqiang",      age:30,      city:"guangzhou",      job:"engineer",      "company-address":"tianhe district,guangzhou" // company-address要加引号  }  //对象属性的遍历。  for (let item of Object.entries(xiaoqiang)){      console.log(item[0],item[1]);  }

使用Object的keys方法和values方法,然后进行遍历

var xiaoqiang={      name:"wangqiang",      age:30,      city:"guangzhou",      job:"engineer",      "company-address":"tianhe district,guangzhou" // company-address要加引号  }  //对象键的遍历。  for (let item of Object.keys(xiaoqiang)){      console.log(item);  }  //对象值的遍历。  for (let item of Object.values(xiaoqiang)){      console.log(item);  }

对象的冻结、密封、不可扩展

冻结对象:一个冻结对象是指已经不能添加新属性、删除现有属性或修改已有属性的值的对象。使用 Object.freeze() 方法可以将对象转换为冻结对象。

var lihong={};  lihong.name="lihong";  lihong.age=20;  Object.freeze(lihong);  lihong.height = 171;  //height属性添加不成功  delete lihong.age;    //age属性删除不成功  lihong.name = "Lihong"; //age属性修改不成功

密封对象:一个密封对象是指已经不能添加新属性和删除现有属性的对象,但是可以修改已有属性的值。使用 Object.seal() 方法可以将对象转换为密封对象。

var lihong={};  lihong.name="lihong";  lihong.age=20;  Object.seal(lihong);  lihong.height = 171;  //height属性添加不成功  delete lihong.age;    //age属性删除不成功  lihong.name = "Lihong"; //name属性可修改的

不可扩展对象:一个不可扩展对象是指已经不能添加新属性的对象,但是可以修改现有属性的值或删除现有属性。使用 Object.preventExtensions() 方法可以将对象转换为不可扩展对象。

var lihong={};  lihong.name="lihong";  lihong.age=20;  Object.preventExtensions(lihong);  lihong.height = 171;  //height属性添加不成功  delete lihong.age;    //age属性是可删除的  lihong.name = "Lihong"; //name属性是可修改的

文章同时发表在:码农编程网欢迎访问

本节重点

  • 对象是一个无序键值对的数据集;
  • 对象的属性必须是字符串、如包含特殊的字符引号包裹起来;
  • 对象属性的添加、测试、对象属性和值的遍历;
  • 冻结对象、密封对象、不可扩展对象。

标签:

THE END
免责声明:本文系转载,版权归原作者所有;旨在传递信息,不代表热讯制鞋网的观点和立场。

相关热点

新华社电 上海市文化和旅游局近日发布《上海市密室剧本杀内容备案管理规定(征求意见稿)》,并截至12月8日面向社会公众广泛征求意见。这
2021-11-19 13:46:03
《中国证券报》17日刊发文章《备战2022 基金经理调仓换股布新局》。文章称,距离2021年结束仅剩一个多月,基金业绩分化明显。部分排名靠前
2021-11-19 13:46:03
交通运输部办公厅 中国人民银行办公厅 中国银行保险监督管理委员会办公厅关于进一步做好货车ETC发行服务有关工作的通知各省、自治区、直
2021-11-19 13:45:58
新华社北京11月17日电 题:从10月份市场供需积极变化看中国经济韧性新华社记者魏玉坤、丁乐读懂中国经济,一个直观的视角就是市场供需两端
2021-11-19 13:45:58
全国教育财务工作会议披露的消息称,2020年,中国国家财政性教育经费投入达4 29万亿元,占GDP总量的4 206%,我国国家财政性教育经费支出占G
2021-11-19 13:45:48
如果你也热爱“种草”,前方高能预警!让你心心念念、“浏览”忘返的网络平台,可能早已成为一块块“韭菜地”。近日,据《半月谈》报道,有...
2021-11-19 13:45:48
日前,工业和信息化部印发《“十四五”信息通信行业发展规划》(以下简称《规划》),描绘了未来5年信息通信行业的发展趋势。《规划》指出...
2021-11-19 13:45:40
本报讯(中青报·中青网记者 周围围)2021年快递业务旺季正式拉开帷幕。国家邮政局监测数据显示,仅11月1日当日,全国共揽收快递包裹5 69
2021-11-19 13:45:40
人民网曼谷11月17日电 (记者赵益普)17日上午,中国援柬埔寨第七批200万剂科兴新冠疫苗抵达金边国际机场。当天,柬埔寨政府在机场举行了
2021-11-19 13:45:35
金坛压缩空气储能国家试验示范项目主体工程一角受访者供图依托清华大学非补燃压缩空气储能技术,金坛压缩空气储能项目申请专利百余项,建立
2021-11-19 13:45:35
视觉中国供图42亿立方米据有关部门预计,今年山西煤炭产量有望突破12亿吨,12月份山西外送电能力将超过900万千瓦,今冬明春煤层气产量将达4
2021-11-19 13:44:34
14省份相继发布2021年企业工资指导线——引导企业合理提高职工工资今年以来,天津、新疆、内蒙古、陕西、西藏、山东、江西、山西、福建、四
2021-11-19 13:44:34
中新网客户端北京11月18日电 (记者 谢艺观)“一条路海角天涯,两颗心相依相伴,风吹不走誓言,雨打不湿浪漫,意济苍生苦与痛,情牵天下喜
2021-11-19 13:44:31
近日,交通运输部等三部门发布《关于进一步做好货车ETC发行服务有关工作的通知》。通知提到,对不具备授信条件的用户,商业银行可在依法合
2021-11-19 13:44:31
欧莱雅面膜陷优惠“年度最大”风波 涉及该事件集体投诉超6000人次美妆大牌双十一促销翻车?近日,因预售价格比双十一现货贵出66%,欧莱雅
2021-11-19 13:44:13
43 6%受访者会在工作两三年后考虑跳槽54 3%受访者认为跳槽对个人职业发展有利有弊如今对不少年轻人来说,想对一份工作“从一而终”不太容易
2021-11-19 13:44:13
超八成受访青年表示如有机会愿意开展副业 规划能力最重要64 4%受访青年指出做副业跟风心态最要不得如今,“身兼数职”已成为年轻人当中的
2021-11-19 13:44:01
发展氢能正当其时【科学随笔】氢能是一种二次能源,它通过一定的方法利用其他能源制取,具有清洁无污染、可储存、与多种能源便捷转换等优点
2021-11-19 13:44:01
“千杯不醉”的解酒“神药”能信吗?专家:网红“解酒药” 其实不算药俗话说,“酒逢知己千杯少”,酒一直是国人饭桌上至关重要的存在。尽...
2021-11-19 13:43:57
最新文章

相关推荐