js访问对象属性的方式“.”与“[]”的区别

Posted 苏二小姐

tags:

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

. 和 [] 没多大区别,作用完全相同。但是

  • 一般情况下建议使用 . 写法,这样比较接近其它语言的面向对象写法,易读

  • 如果属性名是动态的(比如变量中),只能使用 [] 写法。如

    var person={name:"myName"};
    var proName="name";
    console.log(person[proName]);
    

     

  •  如果属性名中包含会导致语法错误的字符,也只能使用方括号语法,如:

    var person={"na,me":"myName"};
    console.log(person["na,me"]);
    

      

以上是关于js访问对象属性的方式“.”与“[]”的区别的主要内容,如果未能解决你的问题,请参考以下文章

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

JS对象与PHP对象的对比

js创建对象的最佳方式

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

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

JS中全局变量和window自定义属性的区别