浅谈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 相关文章推荐
FireFox JavaScript全局Event对象
Jun 14 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
Jul 11 Javascript
Javascript控制页面链接在新窗口打开具体方法
Aug 16 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
jquery easyui validatebox remote的使用详解
Nov 09 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
Nov 29 Javascript
vue 实现滚动到底部翻页效果(pc端)
Jul 31 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
浅谈vuex中store的命名空间
Nov 08 Javascript
react使用CSS实现react动画功能示例
May 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 数组的指针操作实现代码
2011/02/08 PHP
总结PHP中数值计算的注意事项
2016/08/14 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
javascript smipleChart 简单图标类
2011/01/12 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
Prototype源码浅析 Number部分
2012/01/16 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
浅谈React 属性和状态的一些总结
2016/11/21 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
2016/12/29 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
详解Vue之父子组件传值
2019/04/01 Javascript
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
​如何愉快地迁移到 Python 3
2019/04/28 Python
python使用HTMLTestRunner导出饼图分析报告的方法
2019/12/30 Python
python 实现字符串下标的输出功能
2020/02/13 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
python raise的基本使用
2020/09/10 Python
Python环境搭建过程从安装到Hello World
2021/02/05 Python
土木工程专业个人求职信
2013/12/30 职场文书
环境建设实施方案
2014/03/14 职场文书
《新型玻璃》教学反思
2014/04/13 职场文书
消防标语大全
2014/06/07 职场文书
节能环保口号
2014/06/12 职场文书
小学庆六一活动总结
2014/08/28 职场文书
2014个人年度工作总结
2014/12/15 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
小学副班长竞选稿
2015/11/21 职场文书
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle
MySQL 条件查询的常用操作
2022/04/28 MySQL
mysql 获取相邻数据项
2022/05/11 MySQL
Redis主从复制操作和配置详情
2022/09/23 Redis