浅谈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_07_理解instanceof实现原理
Oct 15 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
Feb 22 Javascript
JavaScript实现控制打开文件另存为对话框的方法
Apr 17 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
基于Vue制作组织架构树组件
Dec 06 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
Mar 14 Javascript
说说node中的可读流和可写流的区别
Jun 01 Javascript
vue项目中添加单元测试的方法
Jul 21 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
Nov 25 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
Mar 28 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 Javascript
Canvas三种动态画圆实现方法说明(小结)
Apr 16 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
MYSQL环境变量设置方法
2007/01/15 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
PHP读取Excel类文件
2017/05/15 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
JQuery入门——事件切换之hover()方法应用介绍
2013/02/05 Javascript
Mac地址验证的javascript代码
2013/11/09 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
2017/06/13 Javascript
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
vue内置指令详解
2018/04/03 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
在vue中使用SockJS实现webSocket通信的过程
2018/08/29 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
express框架下使用session的方法
2019/07/31 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
python中kmeans聚类实现代码
2018/02/23 Python
python实现简易通讯录修改版
2018/03/13 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
用python的turtle模块实现给女票画个小心心
2019/11/23 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
Django项目创建及管理实现流程详解
2020/10/13 Python
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
英国门把手公司:Door Handle Company
2019/05/12 全球购物
英国玛莎百货澳大利亚:Marks & Spencer Australia
2019/08/30 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
服务行业个人求职的自我评价
2013/12/12 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
优秀部门获奖感言
2014/02/14 职场文书
2014年圣诞节促销方案
2014/03/14 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python