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 相关文章推荐
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
Javascript 判断两个IP是否在同一网段实例代码
Nov 28 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
node.js文件上传重命名以及移动位置的示例代码
Jan 19 Javascript
vue 录制视频并压缩视频文件的方法
Jul 27 Javascript
详解js动态获取浏览器或页面等容器的宽高
Mar 13 Javascript
JavaScript Math对象和调试程序的方法分析
May 13 Javascript
vue实现PC端录音功能的实例代码
Jun 05 Javascript
JS+css3实现幻灯片轮播图
Aug 14 Javascript
react中hook介绍以及使用教程
Dec 11 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写的小东西
2006/12/06 PHP
php socket实现的聊天室代码分享
2014/08/16 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
10个对初学者非常有用的PHP技巧
2016/04/06 PHP
PHP实现电商订单自动确认收货redis队列
2017/05/17 PHP
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
2017/07/04 Javascript
vue初尝试--项目结构(推荐)
2018/01/30 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
JS开发常用工具函数(小结)
2019/07/04 Javascript
javascript实现随机抽奖功能
2020/12/30 Javascript
python使用reportlab画图示例(含中文汉字)
2013/12/03 Python
python爬虫入门教程之点点美女图片爬虫代码分享
2014/09/02 Python
python实现log日志的示例代码
2018/04/28 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
Python绘制KS曲线的实现方法
2018/08/13 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
python——全排列数的生成方式
2020/02/26 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
Python中Qslider控件实操详解
2021/02/20 Python
使用CSS3制作一个简单的Chrome模拟器
2015/07/15 HTML / CSS
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
铭宣海淘转运:美国、日本、英国转运等全球转运公司
2019/09/10 全球购物
iHerb俄罗斯:维生素、补品和天然产品
2020/07/09 全球购物
初中体育教学反思
2014/01/14 职场文书
互联网创业计划书的书写步骤
2014/01/28 职场文书
保护环境倡议书
2014/04/14 职场文书
中学教师师德师风演讲稿
2014/08/22 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL
go xorm框架的使用
2021/05/22 Golang