浅谈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 相关文章推荐
采用call方式实现js继承
May 20 Javascript
Javascript Memoizer浅析
Oct 16 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
尝试动手制作javascript放大镜效果
Dec 25 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
JavaScript Base64 作为文件上传的实例代码解析
Feb 14 Javascript
ES6入门教程之Class和Module详解
May 17 Javascript
微信小程序的部署方法步骤
Sep 04 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
Oct 27 Javascript
vue 中 get / delete 传递数组参数方法
Mar 23 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
PHP 第二节 数据类型之转换
2012/04/28 PHP
Codeigniter中禁止A Database Error Occurred错误提示的方法
2014/06/12 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
JavaScript中的anchor()方法使用详解
2015/06/08 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
原生js实现3D轮播图
2020/03/21 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
复习Python中的字符串知识点
2015/04/14 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
Python部署web开发程序的几种方法
2017/05/05 Python
python发送邮件脚本
2018/05/22 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
Pandas中DataFrame交换列顺序的方法实现
2020/12/14 Python
python中温度单位转换的实例方法
2020/12/27 Python
台湾租车首选品牌:IWS艾维士租车
2019/05/03 全球购物
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
计算机求职自荐信范文
2014/04/19 职场文书
医院竞聘演讲稿
2014/05/16 职场文书
民事授权委托书范文
2014/08/02 职场文书
销售团队获奖感言
2014/08/14 职场文书
大学生创业计划书
2014/08/14 职场文书
婚庆答谢词
2015/01/04 职场文书
go 原生http web 服务跨域restful api的写法介绍
2021/04/27 Golang