js访问对象属性的2个方法

笔者在学习的过程中,了解到访问对象的属性,其实有两种方式:
比如:一个对象 Obj = {“name”: “whoami”, “AGE”: “20”}
1.用点访问,Obj.Name ;
2.用中括号访问,Obj[“Name”];
上述两种方式得到的结果都是属性Name的值whoami;
两者的区别:
1.语法方面的区别

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

2.灵活性方面的区别

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

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

3.性能方面区别

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

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

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

  1. 在引用已有的对象属性时,并有属性名的情况下,用点和中括号是一样的;若属性是数组或者是对象,没有属性名,则要用类似数组元素引用的方式,用中括号+下标。例子参考;
  2. 在创建函数属性的时候,若属性名是已知的。用点和中括的的方式一样。若属性名是一组变量,则只能用中括号表示。中括号的灵活应用可以让代码变的很强大。

参考:https://www.cnblogs.com/polk6/p/4562281.html

    原文作者:凌宇之蓝
    原文地址: https://www.jianshu.com/p/e27fee6c11ae
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞