JS中·操作对象属性的点语法和中括号语法的区别

js操作对象属性用点和用中括号有什么不同

1. 中括号运算符总是能代替点运算符。但点运算符却不一定能全部代替中括号运算符。

2. 中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。

3. 中括号运算符可以用纯数字为属性名。点运算符不能。

4. 中括号运算符可以用js的关键字和保留字作为属性名。点运算符不能。
   使用中括号语法【注意事项】
   在中括号语法中，必须以字符串形式指定属性名，不能使用标识符。中括号内可以使用字符串，也可以使用字符型表达式，即只要表达式的值为字符串即可。
   示例1
   下面示例使用 for/in 遍历对象的可枚举属性，并读取它们的值，然后重写属性值。

   for (var i in obj) {
       console.log(obj[i]);
       obj[i] = obj[i] + obj[i];
       console.log(obj[i]);
   }
   

在上面代码中，中括号中的表达式 i 是一个变量，其返回值为 for/in 遍历对象时枚举的每个属性名。
示例2

var arr = [1, 2, 3, 1, 1, 1, 2, 2, 3, 3, 4];
var arr1 = [];
var obj = {};
   arr.forEach(function(item, index, arr) {
          if (obj[item]) {
              obj[item] = obj[item] + 1;
          } else {
              obj[item] = 1;
          }
      })
      console.log(obj);
      for (var key in obj) {
          console.log(key);
          arr1.push(key * 1)
          console.log(key + "出现的次数" + obj[key] + "次");
      }
      console.log(arr1);

示例2中，先用i添加item对应的arr中数据为属性（这里item就是作为字符型表达式为obj的属性，这里不能用点语法），然后给对应的属性赋予属性值，在下面的for循环可以读取obj对应的键值对，值即为对应键（属性）在arr数组中出现的次数，同时把obj中的键添加到新的数组arr1中，arr1为数组去重之后的新数组。