浅谈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 live
May 15 Javascript
js左侧多级菜单动态的解决方案
Feb 01 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
JavaScript中实现Map的示例代码
Sep 09 Javascript
简单谈谈node.js 版本控制 nvm和 n
Oct 15 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
React如何解决fetch跨域请求时session失效问题
Nov 02 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
vscode 调试 node.js的方法步骤
Sep 15 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触发器自动更新memcache的实现代码
2009/10/11 PHP
PHP的autoload机制的实现解析
2012/09/15 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
PHP SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
PHP扩展开发教程(总结)
2015/11/04 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
php数值计算num类简单操作示例
2020/05/15 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
jquery(live)中File input的change方法只起一次作用的解决办法
2011/10/21 Javascript
JavaScript数组常用方法
2015/03/02 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
JavaScript中闭包的写法和作用详解
2016/06/29 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
简单介绍Python中的len()函数的使用
2015/04/07 Python
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
Python制作微信好友背景墙教程(附完整代码)
2019/07/17 Python
ipad上运行python的方法步骤
2019/10/12 Python
Django框架反向解析操作详解
2019/11/28 Python
python中for in的用法详解
2020/04/17 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
Linux的文件类型
2012/03/07 面试题
校友会欢迎辞
2014/01/13 职场文书
军训学生自我鉴定
2014/02/12 职场文书
青安岗事迹材料
2014/05/14 职场文书
python中redis包操作数据库的教程
2022/04/19 Python
mysql数据库隔离级别详解
2022/06/16 MySQL