JavaScript中{}、[]、()符号的区别与用法详解

花括号{}与中括号[]及圆括号()的基本区别

花括号{}在JavaScript中主要用于定义对象。通常情况下，对象内部包含成对的属性名与属性值，或者作为函数的代码块。

具体而言，{}用于声明一个对象实例，[]通常用于表示对象的属性或方法，而当()出现在方法名之后时，则代表执行该方法的调用操作。

例如：var LangShen = {"Name":"Langshen","AGE":”28”};

上述代码声明了一个名为“LangShen”的对象，其中包含多个属性或函数，各元素之间使用逗号（,）分隔。由于这是对象的属性，

因此在访问时，应当使用点（.）运算符进行层级访问，例如：LangShen.Name、LangShen.AGE，

此外，也可以采用数组索引的方式来访问属性，例如：LangShen["Name"]、LangShen["AGE"]，这两种方式得到的结果是相同的。

var LangShen = { 
    Name : function(){ 
        return "LangShen"; 
    }, 
    Age : function(){ 
        return "28"; 
    } 
} 
调用 LangShen.Name()

中括号[]的数组定义与访问方式

中括号[]在JavaScript中表示数组，也可以理解为一个数组对象。

例如：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"}] 
} 

从上述结构来看，第一项是一个属性，第二项是一个数组，第三项则是包含多个对象的数组。

在调用时，需要逐层访问：对象的属性通过点（.）运算符叠加，而数组元素则通过[下标]来访问。

例如：alert( LangShen.MySon[1].Name ) ；

var LangShen=[
    {“name”：“wangwu”},
    {“name”：“lieu”}
];

这展示了一个对象数组的结构。

圆括号与花括号在函数中的使用及ES6简写

圆括号()通常用于表示函数参数，而{}则表示函数体。

function show(name){
    Alert(name);
}

在ES6语法中，

let show=(name)=>{
    alert(name);
}

如果在ES6中函数只有一个参数或者函数体只有一条语句，可以省略圆括号（）和大括号{}，例如：

let show=name=>alert(name);

补充说明：{ }和[ ]一起使用时，如前所述，{ }是一个对象，[ ]是一个数组，二者结合可以组成一个对象数组。

例如：

var xiaoming = {
"name":"xiaoming",
"hiswife":["xiaoli","24"],
"hishabit":[{"habit1":"football"},{"habit2":"adventure"}]
}

总结

到此这篇关于js中[]、{}、()区别的文章就介绍到这了,更多相关js中[]、{}、()区别内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！