浅谈js对象属性通过点(.) 和方括号([]) 的不同之处

更新时间：2016年10月29日 08:43:03 投稿：jingxian

下面小编就为大家带来一篇浅谈js对象属性通过点(.) 和方括号([]) 的不同之处。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

【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对象属性通过点(.) 和方括号([]) 的不同之处全部内容了，希望大家多多支持脚本之家~

您可能感兴趣的文章:

用js实现的自定义的对话框的实现代码
javascript alert函数的替代方案，一个自定义的对话框的方法
2010-03-03
关于Bootstrap按钮组件消除黄框的方法
这篇文章主要介绍了Bootstrap按钮组件消除黄框的方法,需要的朋友可以参考下
2017-05-05
10个很少使用的JavaScript Console方法分享
你一定听说过 console.log() ,而且可能一直在使用它,在本文中,我们将探讨一些最有用的控制台方法,以及它们在数据可视化、调试等方面的用途,感兴趣的小伙伴可以学习一下
2023-09-09
json实现添加、遍历与删除属性的方法
这篇文章主要介绍了json实现添加、遍历与删除属性的方法,结合简单实例形式分析了json常见的添加、遍历与删除操作相关技巧,需要的朋友可以参考下
2016-06-06
JavaScript自定义分页样式
这篇文章主要为大家详细介绍了JavaScript自定义分页样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
自己封装的一个简单的倒计时功能实例
下面小编就为大家带来一篇自己封装的一个简单的倒计时功能实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
微信小程序实现日期范围选择
这篇文章主要为大家详细介绍了微信小程序实现日期范围选择，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
谈一谈bootstrap响应式布局
这篇文章主要和大家谈一谈bootstrap响应式布局，本教程讲解如何在网页布局中应用响应式设计，感兴趣的小伙伴们可以参考一下
2016-05-05
让IDE识别webpack的别名alias的实现方法
这篇文章主要介绍了让IDE识别webpack的别名alias的实现方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-05-05
如何利用JSHint减少JavaScript的错误
JSHint是一个社区驱动用来检测JavaScript代码中错误和潜在的问题以及执行团队的编码规范工具。它非常灵活,因此可以很容易地适应您特定的编码规则和你的代码执行环境。JSHint将永远保持开源的方式。
2016-08-08