浅谈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中ajax调用json数据的使用说明
Mar 17 Javascript
ASP.NET中AJAX 调用实例代码
May 03 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
JavaScript随机生成信用卡卡号的方法
Apr 07 Javascript
JS获取数组最大值、最小值及长度的方法
Nov 24 Javascript
1秒50万字!js实现关键词匹配
Aug 01 Javascript
Vue.js数据绑定之data属性
Jul 07 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
Sep 10 Javascript
json数据格式常见操作示例
Jun 13 Javascript
js 判断当前时间是否处于某个一个时间段内
Sep 19 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 Vue.js
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
收音机术语解释
2021/03/01 无线电
php生成随机数或者字符串的代码
2008/09/05 PHP
php获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
php二维码生成以及下载实现
2017/09/28 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
2009/12/27 Javascript
让浏览器非阻塞加载javascript的几种方法小结
2011/04/25 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
2015/06/15 Javascript
javascript如何操作HTML下拉列表标签
2015/08/20 Javascript
jquery实现无刷新验证码的简单实例
2016/05/19 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
vue之数据交互实例代码
2017/06/20 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
[47:31]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.12
2020/12/16 DOTA
python3实现域名查询和whois查询功能
2018/06/21 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
python打包多类型文件的操作方法
2020/09/21 Python
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
会计找工作求职信范文
2013/12/09 职场文书
幼儿园教师自我评价
2015/03/04 职场文书
女性健康知识讲座通知
2015/04/23 职场文书
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电