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小技巧 2.5 则
Sep 12 Javascript
修复ie8&amp;chrome下window的resize事件多次执行
Oct 20 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
May 23 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
学习JavaScript设计模式(接口)
Nov 26 Javascript
模仿password输入框的实现代码
Jun 07 Javascript
js canvas实现擦除动画
Jul 16 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
javascript 原型与原型链的理解及应用实例分析
Feb 10 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 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
4.与数据库的连接
2006/10/09 PHP
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
2015/12/23 PHP
workerman结合laravel开发在线聊天应用的示例代码
2018/10/30 PHP
PHP静态方法和静态属性及常量属性的区别与介绍
2019/03/22 PHP
Thinkphp5+Redis实现商品秒杀代码实例讲解
2020/12/29 PHP
基于jquery的图片懒加载js
2010/06/30 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
js获取日期:昨天今天和明天、后天
2014/06/11 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
2015/10/13 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
HTML Table 空白单元格补全的简单实现
2016/10/13 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
vue加载自定义的js文件方法
2018/03/13 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
2019/11/20 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
[20:57]Ti4主赛事第三天开幕式
2014/07/21 DOTA
快速排序的算法思想及Python版快速排序的实现示例
2016/07/02 Python
python去除字符串中的换行符
2017/10/11 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
解决python Markdown模块乱码的问题
2019/02/14 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
工商管理实习生自我鉴定范文
2013/12/18 职场文书
理想演讲稿范文
2014/05/21 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
送达通知书
2015/04/25 职场文书
分析Python list操作为什么会错误
2021/11/17 Python
《乙女游戏世界对路人角色很不友好》OP主题曲无字幕动画MV公开
2022/04/05 日漫