js对象中属性调用.和[] 两种方式的区别

Posted 炽橙子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js对象中属性调用.和[] 两种方式的区别相关的知识,希望对你有一定的参考价值。

 

JS 调用属性一般有两种方法——点和中括号的方法。 

标准格式是对象.属性(不带双引号),注意一点的是:js对象的属性,key标准是不用加引号的,加也可以,特别的情况必须加,如果key数字啊,表达式啊等等。

加引号是为了将其视为整体,认识一点:从对象角度,属性是不加引号的,如name,"name"这是啥,属性不可能是“name”,所以即使加了双引号,对象调用时还是要去掉引号的 

 

例如

使用.方法

var obj = {
    name: "cedric"
}

console.log(obj.name); // cedric

 

使用 [ ] 方法

var obj = {
    name: "cedric"
}

console.log(obj["name"]); // cedric

 

点方法是在对象名后面跟上属性名,而中括号方法里的索引存放的与属性名字相同的---字符串 。

 

二者区别

1.点方法后面跟的必须是一个指定的属性名称,而中括号方法里面可以是变量。例如

var haha = "name";
console.log(obj.haha); // undefined
console.log(obj[haha]); // cedric

 

2.中括号方法里面的属性名可以是数字,而点方法后面的属性名不可以是数字

3.当动态为对象添加属性时,必须使用中括号【】,不可用点方法

 

转:https://www.cnblogs.com/ll15888/p/11904707.html

以上是关于js对象中属性调用.和[] 两种方式的区别的主要内容,如果未能解决你的问题,请参考以下文章

js对象 对属性调用.和[] 两种方式遇到过得区别

JS中访问对象的两种方式区别

JS中访问对象的两种方式区别

如何在nodejs 中前端js调用后台的对象

js基本类型和引用类型的区别

JS创建对象的几种方式