浅谈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 相关文章推荐
VBScript版代码高亮
Jun 26 Javascript
javascript实现2048游戏示例
May 04 Javascript
JQuery异步加载PartialView的方法
Jun 07 Javascript
javascript数组遍历的方法实例分析
Sep 13 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
Nov 30 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
vue.js  父向子组件传参的实例代码
Oct 29 Javascript
AngularJS实现图片上传和预览功能的方法分析
Nov 08 Javascript
微信小程序实现图片上传
May 23 Javascript
微信小程序使用车牌号输入法的示例代码
Aug 20 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 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函数)
2006/10/09 PHP
PHP多态代码实例
2015/06/26 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
2016/05/27 Javascript
分享vue.js devtools遇到一系列问题
2017/10/24 Javascript
详解node.js的http模块实例演示
2018/07/12 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
vue中导出Excel表格的实现代码
2018/10/18 Javascript
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
图解NodeJS实现登录注册功能
2019/09/16 NodeJs
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
2020/08/03 Javascript
Python基于DES算法加密解密实例
2015/06/03 Python
用Python设计一个经典小游戏
2017/05/15 Python
详解python异步编程之asyncio(百万并发)
2018/07/07 Python
python提取照片坐标信息的实例代码
2019/08/14 Python
解决Python二维数组赋值问题
2019/11/28 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
PyQT5 实现快捷键复制表格数据的方法示例
2020/06/19 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
viagogo波兰票务平台:演唱会、体育比赛、戏剧门票
2018/04/23 全球购物
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
全民健身日活动方案
2014/01/29 职场文书
介绍信格式
2015/01/30 职场文书
家长会后的感想
2015/08/11 职场文书
团队执行力培训心得体会
2015/08/15 职场文书
解决linux下redis数据库overcommit_memory问题
2022/02/24 Redis