JS声明对象时属性名加引号与不加引号的问题及解决方法

(编辑：jimmy 日期: 2024/11/19 浏览：3 次 )

一般情况下属性名加引号和不加引号是都可以的，效果是一样的。

var obj = { 
  name  : '你好', 
  'age'  : 1, 
}; 
document.write( obj['name'] + '<br />' ); 
document.write( obj.age);

上面两行代码均可以正确执行。

当且仅当你的属性名是非法怪异的名字时候，会报错。

var obj = { 
  333 : '这个会报错' 
}; 
document.write( obj.333);

此时报错。

var obj = { 
  “333”: '这个也会报错' 
}; 
document.write( obj.333);

如果属性名是数字，则必须有双引号，并且用[] 方括号访问。

var obj = {
  "333": '这个正确'
};
console.log(obj["333"]);

结论：使用合法属性名，使用 . 和 [] 访问都可以；

如果属性名是数字，则必须用“”包围，并且用 [] 方括号访问。

总结

以上所述是小编给大家介绍的JS声明对象时属性名加引号与不加引号的问题，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

上一篇：Vue组件库发布到npm详解
下一篇：JavaScript中严格判断NaN的方法