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入门之事件、cookie、定时等
Oct 21 Javascript
将list转换为json失败的原因
Dec 17 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
Dec 22 Javascript
javascript面向对象快速入门实例
Jan 13 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
Sep 17 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
Nov 16 Javascript
微信小程序本作用域下调用全局JS详解及实例
Feb 22 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
JavaScript实现雪花飘落效果
Dec 27 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
2021年最新CPU天梯图
2021/03/04 数码科技
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
js获取IFRAME当前的URL的方法
2013/11/13 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
jQuery过滤选择器用法示例
2016/09/12 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
ztree实现权限横向显示功能
2017/05/20 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
微信小程序使用canvas的画图操作示例
2019/01/18 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
Python语言编写电脑时间自动同步小工具
2013/03/08 Python
Python3中在Anaconda环境下安装basemap包
2018/10/21 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
Python urllib库如何添加headers过程解析
2020/10/05 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
Fashion Eyewear美国:英国线上设计师眼镜和太阳镜的零售商
2016/08/15 全球购物
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
英文简历中的自荐信范文
2013/12/14 职场文书
根叔历年演讲稿
2014/05/20 职场文书
ktv好的活动方案
2014/08/15 职场文书
优秀班主任事迹材料
2014/12/16 职场文书
闪闪红星观后感
2015/06/08 职场文书
宾馆客房管理制度
2015/08/06 职场文书
python通过新建环境安装tfx的问题
2022/05/20 Python
python如何将mat文件转为png
2022/07/15 Python