浅谈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判断非数字的简单例子
Jul 18 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
Oct 11 Javascript
js中json处理总结之JSON.parse
Oct 14 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
Oct 31 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 Javascript
JavaScript编程设计模式之构造器模式实例分析
Oct 25 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
uni-app 组件里面获取元素宽高的实现
Dec 27 Javascript
node.js 如何监视文件变化
Sep 01 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 一个随机字符串生成代码
2010/05/26 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
javascript 面向对象编程 聊聊对象的事
2009/09/17 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
悬浮数字的实现案例
2014/02/19 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
2015/01/02 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
AngularJS 入门教程之事件处理器详解
2016/08/19 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
基于Vue+Webpack拆分路由文件实现管理
2020/11/16 Javascript
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
Python中pygal绘制雷达图代码分享
2017/12/07 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
python中partial()基础用法说明
2018/12/30 Python
Flask教程之重定向与错误处理实例分析
2019/08/01 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
德购商城:德国进口直邮商城
2017/06/13 全球购物
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
大学生职业生涯规划方案
2014/01/03 职场文书
《天安门广场》教学反思
2014/04/23 职场文书
学生鉴定评语大全
2014/05/05 职场文书
机械加工与数控专业自荐书
2014/06/04 职场文书
演讲比赛策划方案
2014/06/11 职场文书
2014年酒店年度工作总结
2014/12/10 职场文书
通知的格式范文
2015/04/27 职场文书
创业方案:赚钱的烧烤店该怎样做?
2019/07/05 职场文书
《天使的翅膀》读后感3篇
2019/12/20 职场文书