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 相关文章推荐
JS date对象的减法处理实现代码
Dec 28 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
前台js改变Session的值(用ajax实现)
Dec 28 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
Jun 15 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
JS实现可针对算术表达式求值的计算器功能示例
Sep 04 Javascript
在vue项目中引用Iview的方法
Sep 14 Javascript
详解vue使用插槽分发内容slot的用法
Mar 28 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
Apr 11 Javascript
vue项目查看vue版本及cli版本的实现方式
Oct 24 Javascript
JS 基本概念详细介绍
Oct 16 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 api函数实现数组的交换排序示例
2014/04/13 PHP
PHP数据库万能引擎类adodb配置使用以及实例集锦
2014/06/12 PHP
PHP中IP地址与整型数字互相转换详解
2014/08/20 PHP
Yii分页用法实例详解
2014/12/04 PHP
php+mysql结合Ajax实现点赞功能完整实例
2015/01/30 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
PHP使用观察者模式处理异常信息的方法详解
2019/09/24 PHP
setTimeout内不支持jquery的选择器的解决方案
2015/04/28 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
nodeJs链接Mysql做增删改查的简单操作
2017/02/04 NodeJs
Bootstrap table简单使用总结
2017/02/15 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
Python2.x版本中cmp()方法的使用教程
2015/05/14 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
Python 学习教程之networkx
2019/04/15 Python
Python3中的bytes和str类型详解
2019/05/02 Python
图文详解python安装Scrapy框架步骤
2019/05/20 Python
python多线程+代理池爬取天天基金网、股票数据过程解析
2019/08/13 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
python爬虫用scrapy获取影片的实例分析
2020/11/23 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
业务员薪酬管理制度
2014/01/15 职场文书
铁路安全事故反思
2014/04/26 职场文书
社区清明节活动总结
2014/07/04 职场文书
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
2015年电话销售工作总结范文
2015/04/20 职场文书
师范生见习自我总结
2015/06/23 职场文书
python爬取企查查企业信息之selenium自动模拟登录企查查
2021/04/08 Python
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python