首頁 >web前端 >js教程 >帶你了解js中[]、{}、()差異(詳解)

帶你了解js中[]、{}、()差異(詳解)

烟雨青岚
烟雨青岚轉載
2020-07-13 11:22:492515瀏覽

帶你了解js中[]、{}、()差異(詳解)

一、{ } 大括號,表示定義一個對象,大部分情況下要有成對的屬性和值,或是函數體

{}表示物件、[]表示物件的屬性、方法,()如果用在方法名稱後面,代表呼叫

如:

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()

二、[ ]中括號,表示數組,也可以理解為數組物件

如: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”}
];

這是一個物件陣列

#四、()多表示參數、{}表示函數體

function show(name){
    Alert(name);
}
es6中,
let show=(name)=>{
    alert(name);
}

在es6如果參數只有一個,或是函數體只有一個話,可以省略()、{},如

let show=name=>alert(name);

 感謝大家的閱讀,希望大家有所收益。

本文轉自:https://blog.csdn.net/qq_20069429/article/details/83267887

推薦教學:《JS教學

以上是帶你了解js中[]、{}、()差異(詳解)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除