×

了解下JS里的括号:[]和{}

作者:andy0012020.02.13来源:Web前端之家浏览:8585评论:0
关键词:js括号

{}大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。[]中括号,表示一个数组,也可以理解为一个数组对象。

javascript的{}和[]的区别:

{}定义的是对象,[]定义的是数组;两者都可以作为数据的变量载体。
{}里可以包含[]数组,如:var a={b:[1,2,3]};
[]里也可以包含对象,如:var a=[{b:1},{c:2}]。

一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。
如:

var LangShen = {"Name":"Langshen","AGE":"28"};

上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性,
所以访问时,应该用.(点)来层层访问:LangShen.Name、LangShen.AGE,当然我们也可以用数组的方式来访问,如:LangShen["Name"]、LangShen["AGE"],结果是一样的。
该写法,在JSON数据结构中经常用,除此之外,我们平时写函数组的时候,也经常用到,如:

代码如下:

var LangShen = { 
    Name = function(){ 
        return "LangShen"; 
    }, 
    Age = function(){ 
        return "28"; 
    } 
}

调用方式差不多,因为是函数组,所以要加上(),如:alert( LangShen.Name() );
二、[ ]中括号,表示一个数组,也可以理解为一个数组对象。
如:

var LangShen = [ "Name","LangShen","AGE","28" ];

很明显,每个值或函数,都是独立的,多个值之间只用,(逗号)隔开,因为是数组对象,所以它等于:

var LangShen = Array( "Name","LangShen","AGE","28" );

访问时,也是和数组一样,alert( LangShen[0] );
三、{ } 和[ ] 一起使用,我们前面说到,{ } 是一个对象,[ ] 是一个数组,我们可以组成一个对象数组,如:

代码如下:

var LangShen = { "Name":"Langshen", "MyWife":[ "LuLu","26" ], 
"MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}] }

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/js82384203984092384098.html

网友评论文明上网理性发言 已有0人参与

发表评论: