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


Posted in Javascript onOctober 29, 2016

【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 相关文章推荐
JavaScript 动态生成方法的例子
Jul 22 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
Angular Module声明和获取重载实例代码
Sep 14 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
Jan 06 Javascript
老生常谈combobox和combotree模糊查询
Apr 17 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
Echarts实现单条折线可拖拽效果
Dec 19 Javascript
js实现简单的轮播图效果
Dec 13 Javascript
JavaScript canvas实现跟随鼠标移动小球
Feb 09 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 #Javascript
RequireJS简易绘图程序开发
Oct 28 #Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 #Javascript
微信小程序 页面跳转传参详解
Oct 28 #Javascript
微信小程序 wx:key详细介绍
Oct 28 #Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 #Javascript
基于Layer+jQuery的自定义弹框
May 26 #Javascript
You might like
php中使用exec,system等函数调用系统命令的方法(不建议使用,可导致安全问题)
2012/09/07 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
JQuery中使文本框获得焦点的方法实例分析
2015/02/28 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
JavaScript多并发问题如何处理
2015/10/28 Javascript
React Native中TabBarIOS的简单使用方法示例
2017/10/13 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
微信小程序云开发详细教程
2019/05/16 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
解决vue字符串换行问题(绝对管用)
2020/08/06 Javascript
vue 单页应用和多页应用的优劣
2020/10/22 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
Python中的exec、eval使用实例
2014/09/23 Python
python实现根据月份和日期得到星座的方法
2015/03/27 Python
详解Python程序与服务器连接的WSGI接口
2015/04/29 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
python 删除指定时间间隔之前的文件实例
2018/04/24 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
python列表推导式入门学习解析
2019/12/02 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
计算机专业学生的自我评价
2013/12/15 职场文书
企事业单位求职者的自我评价
2013/12/28 职场文书
创业计划书如何编写
2014/02/06 职场文书
八年级语文教学反思
2014/02/11 职场文书
《赶海》教学反思
2014/04/20 职场文书
村主任“四风”问题个人整改措施
2014/10/04 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
五四青年节活动总结
2015/02/10 职场文书
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android