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


Posted in Javascript onFebruary 16, 2018

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

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声明对象时属性名加引号与不加引号的问题,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
js实现登陆遮罩效果的方法
Jul 28 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
js 动态给元素添加、移除事件的实现方法
Jul 19 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
Nov 07 Javascript
浅谈javascript中遇到的字符串对象处理
Nov 18 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
详解Angular5 路由传参的3种方法
Apr 28 Javascript
VUE 动态组件的应用案例分析
Dec 02 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
通过实例解析javascript Date对象属性及方法
Nov 04 Javascript
JavaScript中严格判断NaN的方法
Feb 16 #Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
Feb 14 #Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 #jQuery
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 #jQuery
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 #jQuery
浅谈实现vue2.0响应式的基本思路
Feb 13 #Javascript
JS实现的文字间歇循环滚动效果完整示例
Feb 13 #Javascript
You might like
ADODB类使用
2006/11/25 PHP
利用php递归实现无限分类 格式化数组的详解
2013/06/08 PHP
php选择排序法实现数组排序实例分析
2015/02/16 PHP
PHP下载远程文件到本地存储的方法
2015/03/24 PHP
php实现插入排序
2015/03/29 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
CodeIgniter配置之routes.php用法实例分析
2016/01/19 PHP
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
jquery 删除字符串最后一个字符的方法解析
2014/02/11 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
JavaScript与HTML的结合方法详解
2015/11/23 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
微信小程序报错:this.setData is not a function的解决办法
2017/09/27 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
python单线程实现多个定时器示例
2014/03/30 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
蔻驰美国官网:COACH美国
2016/08/18 全球购物
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
中国网上药店领导者:1药网
2017/02/16 全球购物
澳大利亚设计的婴儿和女孩的衣服:Oobi
2018/12/16 全球购物
向领导表决心的话
2014/03/11 职场文书
需求分析说明书
2014/05/09 职场文书
企业诚信承诺书
2014/05/23 职场文书
维护民族团结演讲稿
2014/08/27 职场文书
承诺书模板
2014/08/30 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
教师节祝酒词
2015/08/11 职场文书
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android
mysql数据库隔离级别详解
2022/06/16 MySQL
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS