浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处

 更新时间:2016年10月29日 08:43:03   投稿:jingxian  
下面小编就为大家带来一篇浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

【JS对象属性的查询和设置】

可以通过点(.) 或 方括号([]) 运算符来获取属性的值。运算符左侧应当是一个表达式,它返回一个对象。对于点(.)来说,右侧必须是一个以属性名称命名的简单标识符。对于方括号([])来说,方括号里必须是一个计算结果为字符串的表达式,这个字符串就是属性的名字:

<script type="text/javascript">
 var author = book.author; //得到book的"author"属性
 var name = author.subname; //得到author的"surname"属性
 var title = book["main title"]; //得到book的"main title"属性
</script>

当通过点运算符(.)方法对象属性时,属性名用一个标识符来表示。标识符必须直接出现再js程序中,它们不是数据类型,因此程序无法修改它们。

反过来讲,当通过[]来方式对象的属性时,属性名通过字符串表示。字符串是js的数据类型,再程序运行时可以修改和创建它们。

<script type="text/javascript">
 var addr = "";
 for(i=0;i<4;i++){
  addr += cutomer["address" + i] + "\n";
 }
</script>

这段代码读取customer对象的address0,adddress1,address2,adddress3属性,并将他们连接起来。

以上就是小编为大家带来的浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处全部内容了,希望大家多多支持脚本之家~

相关文章

  • Javascript立即执行函数(IIFE)实例详解

    Javascript立即执行函数(IIFE)实例详解

    IIFE全拼Imdiately Invoked Function Expression,是一个在定义的时候就立即执行的JavaScript函数,这篇文章主要给大家介绍了关于Javascript立即执行函数的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-04-04
  • 微信小程序定义和调用全局变量globalData的实现

    微信小程序定义和调用全局变量globalData的实现

    这篇文章主要介绍了微信小程序定义和调用全局变量globalData的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • JavaScript中的boolean布尔值使用学习及相关技巧讲解

    JavaScript中的boolean布尔值使用学习及相关技巧讲解

    JavaScript中的boolean布尔值使用学习及相关技巧讲解,特别是Boolean的用法以及适用!!将truthy或falsy值转换为布尔值的用法非常巧妙,需要的朋友可以参考下
    2016-05-05
  • iOS和Android用同一个二维码实现跳转下载链接的方法

    iOS和Android用同一个二维码实现跳转下载链接的方法

    这篇文章给大家分享的是iOS和Android扫描同一个二维码,分别跳到各自的下载链接的实现方法,文中给出了实例代码,有需要的朋友们可以参考借鉴。
    2016-09-09
  • 详解JavaScript正则表达式之RegExp对象

    详解JavaScript正则表达式之RegExp对象

    这篇文章主要介绍了JavaScript正则表达式之RegExp对象,对RegExp对象的基本使用方法,以及各种方法进行整理,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • js从10种颜色中随机取色实现每次取出不同的颜色

    js从10种颜色中随机取色实现每次取出不同的颜色

    昨天在做js 从10种颜色中随机取色,并每次取出的颜色不同,具体的实现思路如下,感兴趣的朋友可以参考下
    2013-10-10
  • TypeScript接口和类型的区别小结

    TypeScript接口和类型的区别小结

    在 TypeScript 中,有两种主要的定义自定义类型的方式,接口和类型,尽管它们在外观上可能相似,但它们之间有一些关键的区别,本文就详细的介绍一下,感兴趣的可以了解下
    2023-05-05
  • Javascript的&&和||的另类用法

    Javascript的&&和||的另类用法

    这篇文章主要介绍了Javascript的&&和||的另类用法,需要的朋友可以参考下
    2014-07-07
  • JS实现自动定时切换的简洁网页选项卡效果

    JS实现自动定时切换的简洁网页选项卡效果

    这篇文章主要介绍了JS实现自动定时切换的简洁网页选项卡效果,涉及JavaScript基于时间函数定时触发遍历函数实现定时切换功能,需要的朋友可以参考下
    2015-10-10
  • 小程序数据缓存机制应用实现

    小程序数据缓存机制应用实现

    这篇文章主要介绍了小程序数据缓存机制应用实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05

最新评论