浅谈JS使用[ ]来访问对象属性


Posted in Javascript onSeptember 21, 2016

对象的属性由两种固定的方法来访问:”.”记法和”[ ]“方括号记法:

使用”.”号记法访问标准的对象属性,使用”[ ]“方括号记法访问由页面定义的对象属性。如下

document.forms["myformname"].elements["myinput"].value

这里,forms 是 document 的一个标准属性,而表单名 myformname 则是由页面所定义的。同时,elements 和 value 属性都是由规范所定义的标准属性。而 myinput 则是由页面所定义的。

如果一个属性名在执行产生,方括号是必须,如果你有 “value1″, “value2″, 和 “value3″这样的属性,并且想利用变量 i=2来访问

这个可以运行:

MyObject["value"+i]

这个不可以:

MyObject.value+i

以上就是小编为大家带来的浅谈JS使用[ ]来访问对象属性的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
Javascript玩转继承(三)
May 08 Javascript
JavaScript Math 对象常用方法总结
Apr 28 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
Angular 4 指令快速入门教程
Jun 07 Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 Javascript
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
JS装饰器函数用法总结
Apr 21 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 Javascript
微信小程序动态增加按钮组件
Sep 14 Javascript
微信小程序实现张图片合成为一张并下载
Jul 16 Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 #Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 #Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 #Javascript
JS获取鼠标相对位置的方法
Sep 20 #Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 #Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 #Javascript
AngularJS删除路由中的#符号的方法
Sep 20 #Javascript
You might like
自动分页的不完整解决方案
2007/01/12 PHP
很好用的PHP数据库类
2009/05/27 PHP
PHP 写文本日志实现代码
2010/05/18 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
学习Vue组件实例
2018/04/28 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
2019/09/19 Javascript
解决layui弹出层layer的area过大被遮挡的问题
2019/09/21 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
Python中的jquery PyQuery库使用小结
2014/05/13 Python
python正则实现提取电话功能
2018/02/24 Python
python的依赖管理的实现
2019/05/14 Python
10个顶级Python实用库推荐
2021/03/04 Python
CSS3属性box-shadow使用详细教程
2012/01/21 HTML / CSS
利用CSS3实现开门效果实例源码
2016/08/22 HTML / CSS
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
The Kooples美国官方网站:为情侣提供的法国当代时尚品牌
2019/01/03 全球购物
英国专业美容产品在线:Mylee(从指甲到脱毛)
2020/07/06 全球购物
商得四方公司面试题(gid+)
2014/04/30 面试题
2014年健康教育实施方案
2014/02/17 职场文书
2014年小学植树节活动方案
2014/03/02 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
2014个人年度工作总结
2014/12/15 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书
python实现双链表
2022/05/25 Python