浅谈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 相关文章推荐
40款非常有用的 jQuery 插件推荐(系列一)
Dec 21 Javascript
js获取html文件的思路及示例
Sep 17 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
Nov 13 Javascript
jQuery事件用法实例汇总
Aug 29 Javascript
jquery实现键盘左右翻页特效
Apr 30 Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
Mar 06 Javascript
jQuery的each循环用法简单示例
Jun 12 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
js逆向解密之网络爬虫
May 30 Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 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简单实现查询数据库返回json数据
2015/04/16 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
标题过长使用javascript按字节截取字符串
2014/04/24 Javascript
JavaScript截取字符串的2个函数介绍
2014/08/27 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
js实现省份下拉菜单效果
2017/02/15 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
2017/02/22 Javascript
JS闭包可被利用的常见场景小结
2017/04/09 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
2017/10/11 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
mpvue实现微信小程序快递单号查询代码
2020/04/03 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
Python中Django 后台自定义表单控件
2017/03/28 Python
Python实现繁体中文与简体中文相互转换的方法示例
2018/12/18 Python
Python中的heapq模块源码详析
2019/01/08 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
Python实现自定义读写分离代码实例
2019/11/16 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
草莓网官网:StrawberryNET
2019/08/21 全球购物
《画风》教学反思
2014/04/16 职场文书
运动会的口号
2014/06/09 职场文书
生活部的活动方案
2014/08/19 职场文书
机关作风建设自查报告
2014/10/22 职场文书
基于tensorflow权重文件的解读
2021/05/26 Python
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS