浅谈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 精粹笔记
May 09 Javascript
JavaScript单元测试ABC
Apr 12 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 Javascript
JavaScript动态添加css样式和script标签
Jul 19 Javascript
基于JavaScript实现随机颜色输入框
Dec 10 Javascript
详解angular element()方法使用
Apr 08 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
Nov 06 Javascript
Vue组件简易模拟实现购物车
Dec 21 Vue.js
如何在vue中使用video.js播放m3u8格式的视频
Feb 01 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
mysql limit查询优化分析
2008/11/12 PHP
PHP显示今天、今月、上月、今年的起点/终点时间戳的代码
2011/05/25 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
php解压缩zip和rar压缩包文件的方法
2019/07/10 PHP
js 调整select 位置的函数
2008/02/21 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
2013/02/05 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
通过JS动态创建一个html DOM元素并显示
2014/10/15 Javascript
简介JavaScript中valueOf()方法的使用
2015/06/05 Javascript
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
JavaScript模仿Pinterest实现图片预加载功能
2016/10/25 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
angular过滤器实现排序功能
2017/06/27 Javascript
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
vue实现弹幕功能
2019/10/25 Javascript
JavaScript, select标签元素左右移动功能实现
2020/05/14 Javascript
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
详解python tkinter教程-事件绑定
2019/03/28 Python
python3.6使用tkinter实现弹跳小球游戏
2019/05/09 Python
用Python调用win命令行提高工作效率的实例
2019/08/14 Python
python中class的定义及使用教程
2019/09/18 Python
Python编程快速上手——选择性拷贝操作案例分析
2020/02/28 Python
Python基于jieba, wordcloud库生成中文词云
2020/05/13 Python
python 负数取模运算实例
2020/06/03 Python
如何利用Python matplotlib绘制雷达图
2020/12/21 Python
财务会计专业求职信范文
2013/12/31 职场文书
群众路线批评与自我批评
2014/02/06 职场文书
车间安全生产标语
2014/06/06 职场文书
个人借条范本
2015/05/25 职场文书
企业宣传稿范文
2015/07/23 职场文书
Python基础之常用库常用方法整理
2021/04/30 Python