美文网首页
JavaScript中对象是否需要加引号?

JavaScript中对象是否需要加引号?

作者: 饥人谷_Leonardo | 来源:发表于2018-07-23 09:46 被阅读27次
对象的属性名是包括空字符串在内的所有字符串。
那么问题来了,我们平时定义的对象如下,是没有引号""or''的,这样不加引号有没有错呢?

答案是,加不加分情况!但加了肯定没问题...


一般情况下

一般情况下,加不加引号都一样,

var object= {
    name: 'Leonardo',
    'age': 21,
};
document.write('name: ' + object['name'] + '<br />');
document.write('age: ' + object.age + '<br />');

执行结果是:

name: Leonardo
age: 21

也就是说,如果是字符串,而且属性名是合法的(不是javascript的保留字)是允许不用引号括起来属性名。

另外,我又注意到了,调用对象的属性名的时候,我们知道,有两种写法:

  • 第一种object.name 还是 stooge."name" 呢?
  • 第二种object[name] 还是 stooge["name"] 呢?

实验结果表明:

第一种object.name
可以这么写,也就是说,这种写法也是默认支持不用引号括起来属性名。(必须符合标识符原则)

第二种object["name"]
应该这样写,此种写法类似数组,一定要在[ ]中加入对应有引号的字符串,才能识别出键。(万能写法)


特殊情况

var obj = {
    123name: 'Leonardo',
}
document.write('name: ' + object.123name + '<br />');

这种情况就会报错,因为如果没有引号,key就会依照标识符原则。

(1)标识符由字母、数字和下划线组成
(2)标识符的第一位必须是字母或者下划线,不能是数字

如果加上引号这是可以的,所以引号下的'key'中可以说任何字符包括空格。但同时取值也需要用[' ']的方式。
var obj = {
    '123name': 'Leonardo',
}
document.write('name: ' + object['123name'] + '<br />');

扩展

甚至还可以这样:
var obj = {
    '123name': 'Leonardo',
    '': '空',
    ' ': '一个空格',
}
document.write('name: ' + obj['123name'] + '<br />');
document.write(obj[''] + '<br />');
document.write(obj[' '] + '<br />');

so,看了这篇博客之后,你是加呢还是不加呢~~

相关文章

  • JavaScript中对象是否需要加引号?

    对象的属性名是包括空字符串在内的所有字符串。 那么问题来了,我们平时定义的对象如下,是没有引号""or''的,这样...

  • JavaScript学习笔记7_对象_2对象属性

    属性检测 JavaScript对象是属性的集合,我们经常需要判断某个属性是否存在于某个对象中。JavaScript...

  • JavaScript中的字符串对象

    本文介绍一下JavaScript中的字符串对象 创建字符串 特点:双引号字符串可以包含单引号,单引号里面可以包含双...

  • 字符串,对象

    本文介绍一下JavaScript中的字符串对象 创建字符串 特点:双引号字符串可以包含单引号,单引号里面可以包含双...

  • [JavaScript基础] JSON 异步加载 JS时间线

    JSON 一种数据格式,也是一种对象。在对象的语法中,属性名引号可加可不加,但在JSON语法中,属性必须加引号 字...

  • jQuery选择器

    在jQuery中''(单引号)和""(双引号)没有区别(是JavaScript语法)。但是当括号嵌套时,需要注意区...

  • 一、css和js

    认真!看清哪个函数哪个参数是否带引号!不要忘了写分号! 概览 css选择器布局 JavaScript语法对象和AP...

  • element-ui中使用表单的maxlength时

    maxlength需要加引号

  • JavaScript-正则表达式

    1 - 正则表达式的使用 在 JavaScript 中,正则表达式是写在/和/之间的,不需要加引号,可以通过两种方...

  • JS小记

    Object对象是所有javascript对象的父级. String对象的方法 1 substr():从起始索引号...

网友评论

      本文标题:JavaScript中对象是否需要加引号?

      本文链接:https://www.haomeiwen.com/subject/dxjdmftx.html