JavaScript对象属性访问：点号与方括号运算符详解

JS对象属性的查询和设置

JS对象属性的查询和设置

在JavaScript中，可以通过点(.)运算符或方括号([])运算符来读取或设置对象的属性值。这两种运算符的左侧都必须是一个返回对象表达式的计算结果。对于点(.)运算符，其右侧必须是一个符合语法规范的简单标识符，直接代表属性名称；而方括号([])运算符内部则必须包含一个计算结果为字符串的表达式，该字符串将作为实际的属性名称进行查找。

<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>

使用点运算符(.)访问对象属性时，属性名必须以标识符的形式直接书写在JavaScript代码中。由于标识符是代码结构的一部分而非运行时数据类型，因此它们在编译阶段即已确定，程序在运行过程中无法动态修改这些标识符本身。

相比之下，使用方括号([])访问对象属性时，属性名由字符串表示。字符串属于JavaScript的数据类型，这意味着在程序运行期间，开发者可以动态地修改字符串内容或创建新的字符串，从而实现动态属性名的访问与创建。

<script type="text/javascript">
 var addr = "";
 for(i=0;i<4;i++){
  addr += cutomer["address" + i] + "\n";
 }
</script>

以下代码示例展示了如何读取customer对象的address0、adddress1、address2以及adddress3属性，并将这些值连接拼接在一起。

以上就是小编为大家带来的浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处全部内容了，希望大家多多支持本站~