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 相关文章推荐
javascript自启动函数的问题探讨
Oct 05 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
checkbox勾选判断代码分析
Jun 11 Javascript
jquery中checkbox全选失效的解决方法
Dec 26 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
Sep 16 Javascript
javascript使用Promise对象实现异步编程
Mar 01 Javascript
详解jQuery中的empty、remove和detach
Apr 11 Javascript
Bootstrap表格和栅格分页实例详解
May 20 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 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
PHP下判断网址是否有效的代码
2011/10/08 PHP
php中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
2013/04/16 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
2013/10/17 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
js函数名与form表单元素同名冲突的问题
2014/03/07 Javascript
JavaScript中的迭代器和生成器详解
2014/10/29 Javascript
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
AngularJS包括详解及示例代码
2016/08/17 Javascript
JS高级运动实例分析
2016/12/20 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
基于dataset的使用和图片延时加载的实现方法
2017/12/11 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
python实现html转ubb代码(html2ubb)
2014/07/03 Python
Django数据库类库MySQLdb使用详解
2019/04/28 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
django template实现定义临时变量,自定义赋值、自增实例
2020/07/12 Python
python实现简单贪吃蛇游戏
2020/09/29 Python
用python对excel查重
2020/12/07 Python
pycharm远程连接服务器并配置python interpreter的方法
2020/12/23 Python
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
佳能英国官方网站:Canon UK
2017/08/08 全球购物
高一军训的心得体会
2014/09/01 职场文书
村委会贫困证明范本
2014/09/17 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
前台接待岗位职责
2015/02/03 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书