js属性调用

1.js调用属性

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

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

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

例如:

使用.调用

        var obj = {
          name: "zhangsan"
        }

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

使用 [ ] 方法

        var obj = {
          name: "zhangsan"
        }

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

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

2.区别

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

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

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

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

例如:

      changeTableSort(val){
        let item = val.prop
        if(val.order=="ascending"){
          this.tableData = this.tableData.sort(function(x, y) {
            return x[item] - y[item];
          });
          this.convertData(this.tableData);
        }else{
          this.tableData = this.tableData.sort(function(x, y) {
            return y[item] - x[item];
          });
          this.convertData(this.tableData);
        }
      }

一点点学习,一丝丝进步。不懈怠,才不会被时代所淘汰!

原文地址:https://www.cnblogs.com/fqh2020/p/15684219.html