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和jQuery的片段分享
Aug 23 Javascript
jQuery列表拖动排列具体实现
Nov 04 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
Oct 17 Javascript
SeaJS 与 RequireJS 的差异对比
Dec 08 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
JS模态窗口返回值兼容问题的完美解决方法
May 28 Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
浅谈Vue 数据响应式原理
May 07 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
使用layer.msg 时间设置不起作用的解决方法
Sep 12 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/10/09 PHP
php注销代码(session注销)
2012/05/31 PHP
PHP实现取得HTTP请求的原文
2014/08/18 PHP
分享10段PHP常用代码
2015/11/11 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
PHP让网站移动访问更加友好方法
2019/02/14 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
BOOM vs RR BO5 第四场 2.14
2021/03/10 DOTA
javascript引用对象的方法
2007/01/11 Javascript
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
JQuery显示隐藏页面元素的方法总结
2015/04/16 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
Vue.js使用v-show和v-if的注意事项
2016/12/13 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
JavaScript 中调用 Kotlin 方法实例详解
2017/06/09 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
Angular 容器部署的方法
2018/04/17 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
vue中created和mounted的区别浅析
2019/08/13 Javascript
对vuex中getters计算过滤操作详解
2019/11/06 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
Python3 入门教程 简单但比较不错
2009/11/29 Python
python的id()函数解密过程
2012/12/25 Python
对dataframe进行列相加,行相加的实例
2018/06/08 Python
python使用pip安装SciPy、SymPy、matplotlib教程
2019/11/20 Python
Python+OpenCV图像处理—— 色彩空间转换
2020/10/22 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
HTML5微信播放全屏问题的解决方法
2017/03/09 HTML / CSS
大学本科毕业生求职简历的自我评价
2013/10/09 职场文书