浅谈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 相关文章推荐
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
JavaScript实现输入框与清空按钮联动效果
Sep 09 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
详解ESLint在Vue中的使用小结
Oct 15 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
Sep 28 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
探索浏览器页面关闭window.close()的使用详解
Aug 21 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 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
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
php 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
一道关于php变量引用的面试题
2010/08/08 PHP
php写的AES加密解密类分享
2014/06/20 PHP
CI框架中通过hook的方式实现简单的权限控制
2015/01/07 PHP
CI框架中redis缓存相关操作文件示例代码
2016/05/17 PHP
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
2016/01/10 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
angular中使用Socket.io实例代码
2017/06/03 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
Vue多组件仓库开发与发布详解
2019/02/28 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
python实现折半查找和归并排序算法
2017/04/14 Python
django的登录注册系统的示例代码
2018/05/14 Python
Pycharm+django2.2+python3.6+MySQL实现简单的考试报名系统
2019/09/05 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
python多线程semaphore实现线程数控制的示例
2020/08/10 Python
pip install命令安装扩展库整理
2021/03/02 Python
使paramiko库执行命令时在给定的时间强制退出功能的实现
2021/03/03 Python
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
吸烟检讨书2000字
2014/02/13 职场文书
2014年四风问题个人对照自查剖析材料
2014/09/15 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
2014年物业公司工作总结
2014/11/22 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
MySQL 可扩展设计的基本原则
2021/05/14 MySQL