浅谈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 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
JavaScript入门之基本函数详解
Oct 21 Javascript
jsonp原理及使用
Oct 28 Javascript
jquery获取一组checkbox的值(实例代码)
Nov 04 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 Javascript
javascript eval(func())使用示例
Dec 05 Javascript
js中精确计算加法和减法示例
Mar 28 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
JS查找数组中重复元素的方法详解
Jun 14 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
Aug 08 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 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类的自动加载操作实例详解
2016/09/28 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
javascript 写类方式之二
2009/07/05 Javascript
js 对象是否存在判断
2009/07/15 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
js实现最短的XML格式化工具实例
2015/03/12 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
jquery mobile界面数据刷新的实现方法
2016/05/28 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
SVG实现时钟效果
2018/07/17 Javascript
Vue中this.$nextTick的作用及用法
2020/02/04 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
原生JS实现记忆翻牌游戏
2020/07/31 Javascript
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
解决django后台样式丢失,css资源加载失败的问题
2019/06/11 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
python字符串判断密码强弱
2020/03/18 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
COS美国官网:知名服装品牌
2019/04/08 全球购物
仓库保管员岗位职责
2013/12/20 职场文书
聘用意向书范本
2014/04/01 职场文书
投标人法定代表人授权委托书格式
2014/09/28 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
Feign调用全局异常处理解决方案
2021/06/24 Java/Android
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python