javascript的{}和[]的区别是什么?

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

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


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"}] }

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_7848