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学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
javascript处理table表格的代码
Dec 06 Javascript
jQuery UI AutoComplete 使用说明
Jun 20 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
Aug 27 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
将JSON字符串转换成Map对象的方法
Nov 30 Javascript
javaScript嗅探执行神器-sniffer.js
Feb 14 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
详解React 的几种条件渲染以及选择
Oct 23 Javascript
微信公众号平台接口开发 菜单管理的实现
Aug 14 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不使用插件导出excel的简单方法
2014/03/04 PHP
ThinkPHP使用心得分享-分页类Page的用法
2014/05/15 PHP
PHP模块memcached使用指南
2014/12/08 PHP
使用图灵api创建微信聊天机器人
2015/07/23 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
CI框架使用composer安装的依赖包步骤与方法分析
2016/11/21 PHP
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
2011/04/16 Javascript
JS面向对象编程浅析
2011/08/28 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
2017/05/17 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
vue+webpack实现异步加载三种用法示例详解
2018/04/24 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
Python中实现单例模式的n种方式和原理
2018/11/14 Python
pip安装py_zipkin时提示的SSL问题对应
2018/12/29 Python
python实现图书借阅系统
2019/02/20 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
Python爬取12306车次信息代码详解
2020/08/12 Python
matplotlib 多个图像共用一个colorbar的实现示例
2020/09/10 Python
Python中使用Selenium环境安装的方法步骤
2021/02/22 Python
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
新浪网技术部笔试题
2016/08/26 面试题
怎么处理XML的中文问题
2015/03/26 面试题
女儿十岁生日答谢词
2014/01/27 职场文书
元旦促销方案
2014/03/15 职场文书
合同意向书范本
2014/07/30 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
创业计划书之面包店
2019/09/12 职场文书