JS声明对象时属性名加引号与不加引号的问题使用说明_对象使用帮助

一般情况下属性名加引号和不加引号是都可以的,效果是一样的。var obj = { name : ‘你好’, ‘age’ : 1,
}; document.write( obj[‘name’] + ‘
‘ );
document.write( obj.age);上面两行代码均可以正确执行。当且仅当你的属性名是非法怪异的名字时候

JS声明对象时属性名加引号与不加引号的问题使用说明

一般情况下属性名加引号和不加引号是都可以的,效果是一样的。

JS声明对象时属性名加引号与不加引号的问题使用说明_对象使用帮助

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"]);

结论:使用合法属性名,使用 . 和 [] 访问都可以;

如果属性名是数字,则必须用“”包围,并且用 [] 方括号访问。

海计划公众号
(0)
上一篇 2020/04/05 01:49
下一篇 2020/04/05 01:49

您可能感兴趣的内容

  • 酷方网基础入门_面向圈子的招聘网站

    酷方网基础入门 官方网址:https://www.koofun.com/ 简介描述:面向圈子的招聘网站 酷方网是面向圈子的招聘网站,依靠圈子的力量帮求职者找工作,帮企业招聘找人才,…

    2020/03/06
  • es6中const定义的属性是否可以改变使用攻略为什么有人说const并非一定为常量_es6指南教程

    由一个有个问题引入:const定义的对象属性是否可以改变?如果你面试回答不可以,那么面试官会告诉你回答错了,这难道const定义的并非一定为常量?下面先看下const的定义:const是用来定义常量的,而且定义的时候必须初始化,且定义后不可以修改。这对于基本类型的数据而言:如果定义的时候不初始化值的话就会报错,错误内容就是没有初始化。并且const定义的基本

    2020/04/05
  • javascript怎么禁止输入汉字?小白攻略_字体菜鸟指南

    JavaScript禁止中文输入可以通过设置输入框的css样式的ime-mode属性来实现。也可以通过控制输入字符来禁止输入中文。.方法一、JavaScript通过控制css样式来禁止输入中文。ime:InputMethodEditors输入法编辑器。ime-mode是CSS非标准属性,用来控制文本输入法的状态,仅在部分浏览器支持或支持程度不一样。ime-m

    2020/03/20
  • Swagger UI零基础入门_一个Restful风格接口的文档在线自动生成和测试的框架

    Swagger UI零基础入门 官方网址:http://swagger.io GitHub:https://github.com/swagger-api/swagger-ui 简介…

    2020/03/06
  • node为什么不支持import?指南攻略_import基础入门

    nodejs采用的是CommonJS的模块化规范,使用require引入模块;而import是ES6的模块化规范关键字。想要使用import,必须引入babel转义支持,通过babel进行编译,使其变成node的模块化代码。node编程中最重要的思想之一就是模块,而正是这个思想,让JavaScript的大规模工程成为可能。模块化编程在js界流行,也是基于此,

    2020/03/24
  • JavaScript全局属性和全局函数菜鸟指南_函数教程视频

    JavaScript全局属性和全局函数可以与所有内置JavaScript对象一起使用。JavaScript全局属性属性描述Infinity表示正/负无穷大的数值NaN”Not-a-Number” 值undefined表示尚未为变量分配值JavaScript全局函数属性描述decodeURI()解码URIdecodeURIComponent()解码URI组件e

    2020/03/24
  • css实现透明的两种方法基础入门_透明零基础入门

    一、opacity:0~1值越高,透明度越低:div{opacity:0.5
    }选择器匹配到的节点们,包括节点们的孩子节点,都会实现%50透明,另 0.5 可直接写成 .5二、rgba(0~255,0~255,0~255,0~1)rgba(0,0,0,0.5) :div{
    background-color:rgba(0,0,0,0.5);
    }选择器匹

    2020/03/24
  • 你不知道的Vuejs – 使用ESLint检查代码质量入门百科_eslint小白教程

    by yugasun from yugasun.com/post/you-do…
    本文可全文转载,但需要保留原作者和出处。前言
    Javascript 是一门弱类型语言,所以语法检查变得尤为重要。虽然有很多前端IDE开发工具,可以很好地帮助我们提示在编写时的错误,但是大多数开发者还是使用的像 Sublime Text、Visual Studio Code 之类

    2020/04/05
  • vue框架开发出现页面空白、白屏的解决方法总汇小白知识_vue基础入门

    使用vue开发过一段时间了,采用 Vue-cli脚手架中出现一些页面空白问题的解决方法总汇1.npm run build打包页面空白我们会发现页面head中引用的js和css文件是出现了路径错误,这里修改如下:解决位置:config/index.js文件:把assetsPublicPath: ‘/’改为assetsPublicPath: ‘./’build:

    2020/04/05
  • nodejs做后端的好处有哪些使用攻略_node小白教程

    Node.js是服务器端的 JavaScript 运行环境,它具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。nodejs做后端的好处:1、Nodejs基于Javascript语言,不用再单独新学一门陌生的语言,从而减低了学习的门槛。同时,Ja

    2020/03/22
  • Hello World程序代码编写零基础入门_程序小白帮助

    有个流传挺广的笑话:某程序员对书法十分感兴趣,退休后决定在这方面有所建树。于是花重金购买了上等的文房四宝。一日,饭后突生雅兴,一番磨墨拟纸,并点上了上好的檀香,颇有王羲之风范,又具颜真卿气势,定神片刻,泼墨挥毫,郑重地写下:hello worldHello World 中文意思是『你好,世界』。因为《The C Programming Language》中使

    2020/03/30
  • js原型继承的几种方式攻略教程_继承菜鸟教程

    一、原型链继承function Show(){
    this.name=”run”;
    }function Run(){
    this.age=”20″; //Run继承了Show,通过原型,形成链条
    }
    Run.prototype=new Show();
    var show=new Run();
    alert(show.name)//结果:run二、构造函数继承(对象冒

    2020/03/29
  • vuetify小白入门_Material Component Framework for Vue.js 2

    vuetify小白入门 官方网址:https://vuetifyjs.com/zh-Hans/ GitHub:https://github.com/vuetifyjs/vuetif…

    2020/03/06
  • 你需要了解的前后端传参小白教程_参数小白攻略

    前后端传参一般有两种形式:key=value 形式传参(即 parameter 形式)body 形式传参(传 json 数据给后端)key=value 形式传参1.如果使用的是 GET 请求,浏览器展示的 Request URL 会自动在路径后面加上 ?a=1&b=2这样的参数,这就是 key=value 形式传参, 在控制台看到的参数形式是 “Query

    2020/03/24
  • Github上开源的10大Javascript模板引擎使用帮助_开源小白知识

    目前前端主流的开发框架有Vue、React以及Angular等,但是依然有一部分开发人员并不会去使用这些框架,特别是一些偏向后端的开发者,可能依然在使用类似于jquery+Bootstrap的方式在开发一些项目,而且有些项目可能传统的方式更加合适。 背景目前前端主流的开发框架有Vue、React以及Angular等,但是依然有一部分开发人员并不会去使用这些

    2020/03/23
  • Node中异常:exit code与 dockerfile菜鸟知识_异常菜鸟指南

    最近观察项目 CI 跑的情况如何时,会偶尔发现一两个镜像虽然构建成功但是容器跑不起来的情况。究其原因,是因为一个 exit code 的问题throw new Error 与 Promise.reject 区别以下是两段代码,第一个是抛出一个异常,第二个是 Promise.reject,两段代码都会如下打印出一段异常信息,那么两者有什么区别?function

    2020/03/26