欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中[]、{}、()區(qū)別示例淺析

 更新時間:2023年06月20日 11:15:48   作者:前端kit  
很多人都知道在js中[]表示的是數(shù)組對象,{}表示的是對象,但是這兩者的區(qū)別卻說不出來,下面這篇文章主要給大家介紹了關(guān)于js中[]、{}、()區(qū)別的相關(guān)資料,需要的朋友可以參考下

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

{}表示對象、[]表示對象的屬性、方法,()如果用在方法名后面,代表調(diào)用

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

上面聲明了一個名為“LangShen”的對象,多個屬性或函數(shù)用,(逗號)隔開,因為是對象的屬性, 

所以訪問時,應(yīng)該用.(點)來層層訪問:LangShen.Name、LangShen.AGE,

當(dāng)然我們也可以用數(shù)組的方式來訪問,如:LangShen["Name"]、LangShen["AGE"],結(jié)果是一樣的。

var LangShen = { 
    Name : function(){ 
        return "LangShen"; 
    }, 
    Age : function(){ 
        return "28"; 
    } 
} 
調(diào)用 LangShen.Name()

二、[ ]中括號,表示一個數(shù)組,也可以理解為一個數(shù)組對象

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

很明顯,每個值或函數(shù),都是獨立的,多個值之間只用,(逗號)隔開,因為是數(shù)組對象,所以它等于: 

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

訪問時,也是和數(shù)組一樣,alert( LangShen[0] )

三、{ } 和[ ] 一起使用,我們前面說到,{ } 是一個對象,[ ] 是一個數(shù)組,我們可以組成一個對象數(shù)組

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

從上面的結(jié)構(gòu)來看,是一個對象里面的第一項是個屬性,第二項是一個數(shù)組,第三個是包含有多個對象的數(shù)組。

調(diào)用起來,也是一層一層訪問,對象的屬性用.(點)疊加,數(shù)組用 [下標(biāo)] 來訪問。 

如:alert( LangShen.MySon[1].Name ) ;

var LangShen=[
    {“name”:“wangwu”},
    {“name”:“l(fā)ieu”}
];

這是一個對象數(shù)組

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

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

es6中,

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

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

let show=name=>alert(name);

補充:{ } 和 [ ]一起使用,前面說過{ }是一個對象,[ ] 是一個數(shù)組,一起使用的話,可以組成一個對象數(shù)組

例如:

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

總結(jié)

到此這篇關(guān)于js中[]、{}、()區(qū)別的文章就介紹到這了,更多相關(guān)js中[]、{}、()區(qū)別內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

您可能感興趣的文章:

相關(guān)文章

  • 微信小程序自定義組件實現(xiàn)單選功能

    微信小程序自定義組件實現(xiàn)單選功能

    這篇文章主要為大家詳細介紹了微信小程序自定義組件實現(xiàn)單選功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • js密碼強度檢測

    js密碼強度檢測

    這篇文章主要介紹了js密碼強度檢測的相關(guān)資料,并給出了詳細代碼,需要的朋友可以參考下
    2016-01-01
  • js HTML DOM EventListener功能與用法實例分析

    js HTML DOM EventListener功能與用法實例分析

    這篇文章主要介紹了js HTML DOM EventListener功能與用法,結(jié)合實例形式分析了js HTML DOM EventListener事件監(jiān)聽相關(guān)用法及操作注意事項,需要的朋友可以參考下
    2020-04-04
  • JavaScript中常用的3種彈窗(警告框、確認框、提示框)

    JavaScript中常用的3種彈窗(警告框、確認框、提示框)

    JavaScript提供了幾種常用的彈窗方法,用于與用戶進行交互或顯示提示消息,這篇文章主要給大家介紹了關(guān)于JavaScript中常用的3種彈窗的相關(guān)資料,分別包括警告框、確認框、提示框,需要的朋友可以參考下
    2023-09-09
  • 利用JS實現(xiàn)窗口最大化和最小化效果

    利用JS實現(xiàn)窗口最大化和最小化效果

    在現(xiàn)代 Web 開發(fā)中,JavaScript 提供了多種方法來與瀏覽器窗口進行交互,包括最大化和最小化瀏覽器窗口,雖然瀏覽器通常會限制對窗口尺寸的直接控制,但我們依然可以實現(xiàn)一些常見的行為,本文將探討如何使用 JavaScript 實現(xiàn)窗口的最大化和最小化效果
    2024-12-12
  • JavaScript欄目列表隱藏/顯示簡單實現(xiàn)

    JavaScript欄目列表隱藏/顯示簡單實現(xiàn)

    隱藏側(cè)邊欄,并將圖片換成右箭頭圖片;顯示側(cè)邊欄,并將圖片換成左箭頭,這樣的效果想必大家都很熟悉吧,接下來實現(xiàn)下,感興趣的朋友可以參考下哈
    2013-04-04
  • 原生JS和JQuery動態(tài)添加、刪除表格行的方法

    原生JS和JQuery動態(tài)添加、刪除表格行的方法

    這篇文章主要介紹了原生JS和JQuery動態(tài)添加、刪除表格行的方法,涉及javascript針對頁面元素的動態(tài)操作技巧,需要的朋友可以參考下
    2015-05-05
  • 詳解uniapp無痛刷新token方法

    詳解uniapp無痛刷新token方法

    為了給用戶一個流暢的體驗,token過期后需要重新請求新的token替換過期的token。本文將詳細介紹uniapp無痛刷新token方法。
    2021-06-06
  • js實現(xiàn)櫥窗展示效果

    js實現(xiàn)櫥窗展示效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)櫥窗展示效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • js寫出遮罩層登陸框和對聯(lián)廣告并自動跟隨滾動條滾動

    js寫出遮罩層登陸框和對聯(lián)廣告并自動跟隨滾動條滾動

    這篇文章主要介紹了js寫出遮罩層登陸框和對聯(lián)廣告并自動跟隨滾動條滾動,需要的朋友可以參考下
    2014-04-04

最新評論