浅谈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 学习笔记二 字符串拼接
Mar 28 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
Apr 23 Javascript
js中的push和join方法使用介绍
Oct 08 Javascript
vue-router路由懒加载和权限控制详解
Dec 13 Javascript
Vue实现用户自定义字段显示数据的方法
Aug 28 Javascript
javascript实现考勤日历功能
Nov 29 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
Mar 11 Javascript
在Vue中使用icon 字体图标的方法
Jun 14 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
Sep 27 Javascript
vue2路由方式--嵌套路由实现方法分析
Mar 06 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 Javascript
jquery实现拖拽添加元素功能
Dec 01 jQuery
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
mysql数据库差异比较的PHP代码
2012/02/05 PHP
Thinkphp调用Image类生成缩略图的方法
2015/03/07 PHP
PHP模拟QQ登录的方法
2015/07/29 PHP
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
JavaScript获取多个数组的交集简单实例
2013/11/11 Javascript
js中的setInterval和setTimeout使用实例
2014/05/09 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
Bootstrap表单控件使用方法详解
2017/01/11 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
vue调用语音播放的方法
2019/09/27 Javascript
Servlet返回的数据js解析2种方法
2019/12/12 Javascript
JavaScript实现多个物体同时运动
2020/03/12 Javascript
python中的编码知识整理汇总
2016/01/26 Python
Python简单实现TCP包发送十六进制数据的方法
2016/04/16 Python
遍历python字典几种方法总结(推荐)
2016/09/11 Python
python如何为创建大量实例节省内存
2018/03/20 Python
Pandas:DataFrame对象的基础操作方法
2018/06/07 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
python lambda的使用详解
2021/02/26 Python
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
HTML5拖放功能_动力节点Java学院整理
2017/07/13 HTML / CSS
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
应届生.NET方向面试题
2015/05/23 面试题
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
计算机应用与科学个人的自我评价
2013/11/15 职场文书
银行服务感言
2014/03/01 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
教师批评与自我批评
2014/10/15 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
新闻稿标题
2015/07/18 职场文书
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android