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 异步方法队列链实现代码分析
Jun 05 Javascript
分享27个jQuery 表单插件集合推荐
Apr 25 Javascript
通过下拉框的值来确定输入框是否可以为空的代码
Oct 18 Javascript
js实现的复制兼容chrome和IE
Apr 03 Javascript
javascript检测flash插件是否被禁用的方法
Jan 14 Javascript
javascript实现label标签跳出循环操作
Mar 06 Javascript
一系列Bootstrap导航条使用方法分享
Apr 29 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
May 01 Javascript
关于Vue在ie10下空白页的debug小结
May 02 Javascript
ztree加载完成后显示勾选节点的实现代码
Oct 22 Javascript
es6基础学习之解构赋值
Dec 10 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 破解防盗链图片函数
2008/12/09 PHP
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
PHP常用日期加减计算方法实例小结
2018/07/31 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
Git命令之分支详解
2021/03/02 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
javascript检查日期格式的函数[比较全]
2008/10/17 Javascript
Jquery操作Select 简单方便 一个js插件搞定
2009/11/12 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
JavaScript 事件绑定及深入
2015/04/13 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
JavaScript声明变量名的语法规则
2015/07/10 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
浅谈Tensorflow加载Vgg预训练模型的几个注意事项
2020/05/26 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
python 爬虫基本使用——统计杭电oj题目正确率并排序
2020/10/26 Python
python遍历路径破解表单的示例
2020/11/21 Python
trivago美国:全球最大的酒店价格比较网站
2018/01/18 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
夜大毕业生自我鉴定
2013/10/31 职场文书
2014年庆元旦活动方案
2014/02/15 职场文书
优秀教师推荐材料
2014/12/16 职场文书
工作表扬信范文
2015/01/17 职场文书
2015年推普周活动方案
2015/05/06 职场文书
如何使用SQL Server语句创建表
2022/04/12 SQL Server