码迷,mamicode.com
首页 > 其他好文 > 详细

对象的 [] 和 . 操作符的区别:

时间:2017-10-22 01:34:56      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:code   style   .com   ons   name   color   []   访问   变量   

这两者的主要区别是:. 操作符要求属性名满足标识符的命名规范。而[..] 操作符可以接受任意字符串作为属性名。

  var obj = {};
  obj["12@qq"] = "12@qq.com";
  console.log(obj["12@qq"]); //12@qq.com
  console.log(obj.12@qq);   //报错

此外:[...] 可以使用字符串访问属性,所以可以在程序中构建这个字符串。如:

  var name = "kevin";
  var obj = {
    kevin : ‘personName‘,
    age:20
  }
  console.log(obj[name]) ;  //personName
 
console.log(obj.name) ;   //undefined
 

在对象中,属性名永远都是字符串。如果使用非字符串(string)的其他值作为属性名,都会转化成string类型,即使数字也不例外。

? 注意:在数组中使用数值作为下标访问每一项,但是对象会把数值转化成string类型。不要搞混了。

  var obj = {};
  obj[3] = "three";
  console.log(obj[3]); //three
  console.log(obj["3"]); //three
  console.log(obj["3"]===obj[3]);  //true
 console.log(obj.3); //报错

 综上:

[]操作符总是能代替点操作符,点操作符总不能代替[]操作符。

[]操作符可以用变量来访问属性名,点操作符不能

[]操作符能用数值访问属性,点操作符不能。

 

对象的 [] 和 . 操作符的区别:

标签:code   style   .com   ons   name   color   []   访问   变量   

原文地址:http://www.cnblogs.com/wangwenhui/p/7707354.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!