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 相关文章推荐
Extjs学习笔记之四 工具栏和菜单
Jan 07 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
ie 7/8不支持trim的属性的解决方案
May 23 Javascript
js字符串完全替换函数分享
Dec 03 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
vue2.0构建单页应用最佳实战
Apr 01 Javascript
JavaScript实现一个空中避难的小游戏
Jun 06 Javascript
Vue自定义toast组件的实例代码
Aug 15 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
解决Vue打包后访问图片/图标不显示的问题
Jul 25 Javascript
JavaScript实现班级抽签小程序
May 19 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
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
用PHP为SHOPEX增加日志功能代码
2010/07/02 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
2014/10/16 PHP
Ecshop 后台添加新功能栏目及管理权限设置教程
2017/11/21 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
jQuery对象与DOM对象之间的转换方法
2010/04/15 Javascript
Jquery中dialog属性小记
2010/09/03 Javascript
javascript学习笔记(一) 在html中使用javascript
2012/06/18 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
两种JS实现屏蔽鼠标右键的方法
2020/08/20 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
vue+axios+promise实际开发用法详解
2018/10/15 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
Vue中多元素过渡特效的解决方案
2020/02/05 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
芬兰攀岩、山地运动和户外活动用品购物网站:Bergfreunde
2016/10/06 全球购物
上海方立数码笔试题
2013/10/18 面试题
商务英语专业自荐信
2013/10/14 职场文书
小学生安全责任书
2014/07/25 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
个人政治思想总结
2015/03/05 职场文书
单方投资意向书
2015/05/11 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
让人感觉高大上的讲话稿怎么写?
2019/07/08 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers