詳談js中數(shù)組(array)和對象(object)的區(qū)別
•object 類型:
◦ 創(chuàng)建方式:
/*new 操作符后面Object構(gòu)造函數(shù)*/ var person = new Object(); person.name = "lpove"; person.age = 21; /*或者用對象字面量的方法*/ var person = { name: "lpove"; age : 21; }
•array類型
◦ 創(chuàng)建方式:
`var colors = new Array(“red”,”blue”,”yellow”);
• 區(qū)別和不解
◦ 比如有一個數(shù)組a=[1,2,3,4],還有一個對象a={0:1,1:2,2:3,3:4},然后你運行alert(a[1]),兩種情況下的運行結(jié)果是相同的!這就是說,數(shù)據(jù)集合既可以用數(shù)組表示,也可以用對象表示,那么我到底該用哪一種呢?
我后來才知道,數(shù)組表示有序數(shù)據(jù)的集合,而對象表示無序數(shù)據(jù)的集合。如果數(shù)據(jù)的順序很重要,就用數(shù)組,否則就用對象。
當(dāng)然,數(shù)組和對象的另一個區(qū)別是,數(shù)組的數(shù)據(jù)沒有”名稱”(name),對象的數(shù)據(jù)有”名稱”(name)。
但是問題是,很多編程語言中,都有一種叫做”關(guān)聯(lián)數(shù)組”(associative array)的東西。這種數(shù)組中的數(shù)據(jù)是有名稱的。
• 但是在《javascript DOM》中,不推薦我們使用 關(guān)聯(lián)數(shù)組;
◦ 關(guān)聯(lián)數(shù)組:
var lpove = Array(); lpove[name] = "lei"; lpove[age] = 21; lpove[living] = true; /*對象構(gòu)造*/ var lpove = Object(); lpove.name = "lei"; lpove.age = 21; lpove.living = true;
因為在本質(zhì)上你創(chuàng)建的關(guān)聯(lián)數(shù)組的性質(zhì)就是Array對象的屬性
以上這篇詳談js中數(shù)組(array)和對象(object)的區(qū)別就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
原生JS實現(xiàn)循環(huán)Nodelist Dom列表的4種方式示例
這篇文章主要介紹了原生JS實現(xiàn)循環(huán)Nodelist Dom列表的4種方式,結(jié)合具體實例形式分析了javascript循環(huán)遍歷Nodelist Dom列表的常用操作技巧,需要的朋友可以參考下2018-02-02跟我學(xué)習(xí)javascript的嚴(yán)格模式
跟我學(xué)習(xí)javascript的嚴(yán)格模式,對javascript嚴(yán)格模式進行概述,進入嚴(yán)格模式的方法,以及如何調(diào)用和相關(guān)語法,感興趣的小伙伴們可以參考一下2015-11-11js實現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法
這篇文章主要介紹了js實現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法,涉及HTML5中canvas方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02談?wù)凧avaScript數(shù)組常用方法總結(jié)
本篇文章主要介紹了談?wù)凧avaScript數(shù)組常用方法總結(jié),在JavaScript中,我們需要時常對數(shù)組進行操作。一起跟隨小編過來看看吧2017-01-01JavaScript在IE和Firefox(火狐)的不兼容問題解決方法小結(jié)
今天測試代碼時,發(fā)現(xiàn)不少IE可以運行的ajax,但在FF中報錯。IE和Firefox(火狐)在JavaScript方面的不兼容及統(tǒng)一方法總結(jié)如下,需要的朋友可以看下,對于以后的代碼書寫一定要考慮到多瀏覽器的兼容性。2010-04-04多種方式實現(xiàn)JS調(diào)用后臺方法進行數(shù)據(jù)交互
幾種典型常用的方法如利用控件的AutopostBack屬性、Button提交表單等等,下面為大家分享下JS調(diào)用后臺方法進行數(shù)據(jù)交互示例2013-08-08JavaScript模擬實現(xiàn)Promise功能的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript如何模擬實現(xiàn)Promise功能,文中的示例代碼講解詳細(xì),對我們學(xué)習(xí)JavaScript有一定的幫助,需要的可以參考一下2022-12-12