浅析对象访问属性的"."和"[]"方法区别

Posted 绵山

tags:

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

 

javascript中通常使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。但是这两种方式有什么区别了?

例如,读取object中的property属性值:

    object.property

    object[‘property‘]

以上两种方式都可以实现属性的存取。

1.语法方面的区别

点表示法的对象的属性名是标识符,而后者的属性名则是一个字符串。

2.灵活性方面的区别

在JavaScript编写程序中,可以为对象创建任意数目的属性。但使用”.“运算符来存取一个对象的属性时,属性名是用标识符表示的。而在JavaScript程序中,标识符必须被逐字地输入,它们不是一种数据类型,因此程序不能对其操作。也就是说,标识符是静态的,在程序中必须对其进行硬编码。

而使用数组[]表示法来存取一个对象的属性时,属性名是用字符串表示的。字符串是JavaScript的一种数据类型,因此可以在程序运行中操作并创建它们。

3.性能方面区别

数组[]表示法在存取属性值时会进行表达式运行。而点表示法是直接存取属性值,理论上执行效率会比数组表示法高。性能方面其实可以忽略。

某些场景必须用到数组表示法来动态存取属性值,这个是点表示法无法做到的。

总的来说,这两种方法区别上不大,都有对应的使用场景。点表示法一般作为静态对象使用时来存取属性。而数组表示法在动态存取属性时就非常有用。

 

 

$.grep() 方法是按照某种条件来过滤数组,所以使用 $.grep() 方法可以从数组中过滤出我们想要的结果。

 

以上是关于浅析对象访问属性的"."和"[]"方法区别的主要内容,如果未能解决你的问题,请参考以下文章

浅析JavaScript访问对象属性和方法及区别

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

访问json对象属性值

windows 2008 r2,打开C盘的文件,提示拒绝访问。

String类内存浅析

返回对象的属性