JS 对象属性的两种表示方法

JS中对象属性的表示方法有两种：

<prop为属性名>

obj.prop
obj[‘prop’]（注：’[]'里面必须是字符串）

例：

var obj = {name:'abc'
}

obj.prop的内部原理：每当调用obj.prop，系统内部会将其隐式的转换为obj[‘prop’]来执行

在平时的代码中，我们可能用第一种写法用的比较方便，但实际上，第二种方法比第一种方法要更加的快捷（不用进行内部隐式的转换）和灵活。

例：

有这样一个旅馆对象，其中包含四个房间对象，现在要写一个对象方法，实现传入房间号参数，返回对应的房间信息。

<script>var hotel = {room1:{name:'room1'},room2:{name:'room2'},room3:{name:'room3'},room4:{name:'room4'},sayRoom:function(num){return this.xxx;}}
</script>

如果我们使用第一种写法将无法实现’room’和num的字符串拼接，而第二种写法能灵活的实现

<script>var hotel = {room1:{name:'room1'},room2:{name:'room2'},room3:{name:'room3'},room4:{name:'room4'},sayRoom:function(num){return this['room'+num];}}
</script>

JS 对象属性的两种表示方法相关推荐

JS 添加属性的两种方式
let a = [{ name: '羽神' },{ name: '少主' },{ name: '刘备' },{ name: '关于' } ] for (const key in a) {a[key]. ...
遍历对象属性_细说JS遍历对象属性的N种方法
本人详细介绍了JS遍历对象N种方法,欢迎关注收藏. 遍历对象属性有五种方法,下图为一个场景对比图. 可以注意到两点: 只有for ... in 才可以遍历原型链属性,且只能遍历可枚举属性. Objec ...
js之删除对象属性的三种方法判断对象中是否有某一属性的四种方法
js之删除对象属性的三种方法 & 判断对象中是否有某一属性的四种方法示例 1.基础版 var a = { id: 18, age: 20, name: "zhangsan" ...
js for in遍历对象_JS中轻松遍历对象属性的几种方式
自身可枚举属性 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 .如果对象的键-值都 ...
win10计算机属性管理打不开,win10无法打开设置应用的两种解决方法【图文】
自从微软发布win10系统后,越来越多小伙伴将自己的电脑升级为新版的win10系统,升级后发现竟然无法打开设置应用,影响正常操作,怎么办?接下去,小编和大家说说两种解决win10无法打开设置应用的方法 ...
重装系统重启后计算机属性无法打开,Win7系统计算机属性窗口无法打开的两种参考方法...
正常情况下,直接右键计算机属性选项就可以查看有关该程序或者文件的基本信息.不过,有些Win7系统右击计算机属性时发现打不开而且还提示"此项目的属性未知",如下图所示,这该如何来处理 ...
Ext.Ajax.request和formPanel.getForm().submit()两种提交方法的异同：
Ext.Ajax.request和formPanel.getForm().submit()两种提交方法的异同: 1. 相同点: a) 都是使用异步提交的方式: b) 默认都是使用POST方式来提交数据 ...
python ioc di_Spring介绍，IOC（控制反转），DI（依赖注入）介绍及两种注入方法
Spring介绍,IOC(控制反转),DI(依赖注入)介绍及两种注入方法第一中方法:在xml文件中注入: (1)开源的轻量级的应用开发框架特点:a.简化开发:b.解耦:c.集成: 原理对象与对象之 ...
Java动态代理的两种实现方法：JDK动态代理和CGLIB动态代理
Java动态代理的两种实现方法:JDK动态代理和CGLIB动态代理代理模式 JDK动态代理 CGLIB动态代理代理模式代理模式是23种设计模式的一种,指一个对象A通过持有另一个对象B,可以具有B ...

JS 对象属性的两种表示方法

JS中对象属性的表示方法有两种：

JS 对象属性的两种表示方法相关推荐

最新文章

热门文章