浅谈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 相关文章推荐
jquery 批量上传图片实现代码
Jan 28 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
Jun 10 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
js实现的tab标签切换效果代码分享
Aug 25 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
Nov 29 Javascript
JS实现旋转木马式图片轮播效果
Jan 18 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
redux-saga 初识和使用
Mar 10 Javascript
VUE 配置vue-devtools调试工具及安装方法
Sep 30 Javascript
移动端图片上传旋转、压缩问题的方法
Oct 16 Javascript
在element-ui的select下拉框加上滚动加载
Apr 18 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
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
JS验证日期的格式YYYY-mm-dd 具体实现
2013/06/29 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
jquery form 加载数据示例
2014/04/21 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
2014/04/29 Javascript
原生Js实现简易烟花爆炸效果的方法
2015/03/20 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
使用vue编写一个点击数字计时小游戏
2016/08/31 Javascript
Vue.js在使用中的一些注意知识点
2017/04/29 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
2018/08/08 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
python 随机数生成的代码的详细分析
2011/05/15 Python
Python多进程通信Queue、Pipe、Value、Array实例
2014/11/21 Python
Python通过90行代码搭建一个音乐搜索工具
2015/07/29 Python
python嵌套字典比较值与取值的实现示例
2017/11/03 Python
Python os.rename() 重命名目录和文件的示例
2018/10/25 Python
让你的Python代码实现类型提示功能
2019/11/19 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
世界各地的旅游、观光和活动:Isango!
2019/10/29 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
期末评语大全
2014/05/04 职场文书
环保项目建议书
2014/08/26 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
新教师培训心得体会
2014/09/02 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP