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 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 Javascript
jQuery取得select选择的文本与值的示例
Dec 09 Javascript
javascript中Object使用详解
Jan 26 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
Node.js中.pfx后缀文件的处理方法
Mar 10 Javascript
Js实现中国公民身份证号码有效性验证实例代码
May 03 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
Nov 28 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
Vue左滑组件slider使用详解
Aug 21 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 接口问题(php接口主要也就是运用curl,curl函数)
2013/07/01 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
2013/12/05 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
Node.js net模块功能及事件监听用法分析
2019/01/05 Javascript
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
使用Node.js实现base64和png文件相互转换的方法
2020/03/11 Javascript
[44:10]2018DOTA2亚洲邀请赛 4.5 淘汰赛 EG vs VP 第一场
2018/04/06 DOTA
python 提取文件的小程序
2009/07/29 Python
python 实现归并排序算法
2012/06/05 Python
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
python可视化爬虫界面之天气查询
2019/07/03 Python
Python reversed函数及使用方法解析
2020/03/17 Python
Python+OpenCV图像处理—— 色彩空间转换
2020/10/22 Python
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
html5 迷宫游戏(碰撞检测)实例一
2013/07/25 HTML / CSS
日本非常有名的内衣丝袜品牌:GUNZE
2017/01/06 全球购物
花卉与景观设计系大学生求职信
2013/10/01 职场文书
信息工程学院毕业生推荐信
2013/11/05 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
个人对照检查材料
2014/02/12 职场文书
反邪教警示教育方案
2014/05/13 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
学校标语口号大全
2015/12/26 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书
如何打开Win11系统注册表编辑器?Win11注册表编辑器打开修复方法
2022/04/05 数码科技
MySQL三种方式实现递归查询
2022/04/18 MySQL
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS