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 EasyUI 使用介绍
Apr 01 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
Aug 27 Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 Javascript
javascript实现图片轮播效果
Jan 20 Javascript
JavaScript学习笔记之数组求和方法
Mar 23 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
浅谈angularjs中响应回车事件
Apr 24 Javascript
js实现图片放大展示效果
Aug 30 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
微信小程序class封装http代码实例
Aug 24 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 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
Terran兵种对照表
2020/03/14 星际争霸
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
php5.2.0内存管理改进
2007/01/22 PHP
php学习 字符串课件
2008/06/15 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
PHP验证码类ValidateCode解析
2017/01/07 PHP
php防止sql注入的方法详解
2017/02/20 PHP
奇妙的js
2007/09/24 Javascript
javascript 特殊字符串
2009/02/25 Javascript
javascript 年月日联动实现核心代码
2009/12/21 Javascript
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
判断字符串的长度(优化版)中文占两个字符
2014/10/30 Javascript
Javascript与jQuery方法的隐藏与显示
2015/01/19 Javascript
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
如何通过js实现图片预览功能【附实例代码】
2016/03/30 Javascript
JQueryMiniUI按照时间进行查询的实现方法
2017/06/07 jQuery
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
2019/01/18 Javascript
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
Python入门教程之if语句的用法
2015/05/14 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
python如何统计代码运行的时长
2019/07/24 Python
基于pytorch的保存和加载模型参数的方法
2019/08/17 Python
tensorflow 固定部分参数训练,只训练部分参数的实例
2020/01/20 Python
Python流程控制常用工具详解
2020/02/24 Python
numba提升python运行速度的实例方法
2021/01/25 Python
HTML5 LocalStorage 本地存储详细概括(多图)
2017/08/18 HTML / CSS
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
abstract是什么意思
2012/02/12 面试题
军训自我鉴定怎么写
2014/02/13 职场文书
员工试用期自我评价
2014/09/18 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
指导教师推荐意见
2015/06/05 职场文书
Android开发实现极为简单的QQ登录页面
2022/04/24 Java/Android