JS Array對(duì)象入門分析
首先我們來(lái)看看它的定義:
var arrayObj = new Array()
var arrayObj = new Array([size])
var arrayObj = new Array([element0[, element1[, [, elementN]]]])
其中:arrayObj是賦值為 Array 對(duì)象的變量名。
size由于數(shù)組的下標(biāo)是從零開(kāi)始,創(chuàng)建的元素的下標(biāo)將從零到 size -1。
element0,...,elementN這將創(chuàng)建具有 n + 1 個(gè)元素的長(zhǎng)度為 n + 1 的數(shù)組。使用該語(yǔ)法時(shí)必須有一個(gè)以上元素。
如果只向 Array 的構(gòu)造函數(shù)傳遞了一個(gè)參數(shù),而該參數(shù)是數(shù)字,則它必須是無(wú)符號(hào) 32 位整數(shù)(大約 40 億)。該值成為數(shù)組的大小。如果該值為數(shù)值,但小于 0 或不為整數(shù),發(fā)生運(yùn)行時(shí)錯(cuò)誤。
如果傳遞給 Array 構(gòu)造函數(shù)的是單個(gè)值并且不是數(shù)值,設(shè)置 length 屬性為 1,而且唯一的元素值成為單個(gè)的傳入的參數(shù)。
由于JS數(shù)組為解析數(shù)組,也就是盡管可以分配多個(gè)元素給一個(gè)數(shù)組,但實(shí)際上只有包含數(shù)據(jù)的元素才存在。這減少了數(shù)組使用的內(nèi)存數(shù)量。
Array對(duì)象具有三個(gè)內(nèi)置屬性:constructor,length,prototype我會(huì)在特地寫一篇關(guān)于constructor, prototype,arguments等對(duì)象屬性的文章,在這里就不在多說(shuō)了。下面我們主要看看Array內(nèi)置的一些方法,這個(gè)對(duì)我們很重要,因?yàn)闀?huì)經(jīng)常用得這個(gè)東東。
concat方法:連接兩個(gè)或多個(gè)數(shù)組并返回一個(gè)新的數(shù)組。值得我們注意的是(引用類型)對(duì)于從正被連接到新數(shù)組的數(shù)組中復(fù)制的對(duì)象參數(shù),復(fù)制后仍然指向相同的對(duì)象,不論新數(shù)組和源數(shù)組中哪一個(gè)有改變,都將引起另一個(gè)的改變; (值類型)對(duì)于連接到新數(shù)組的數(shù)值或字符串,只復(fù)制其值,一個(gè)數(shù)組中值有改變并不影響另一個(gè)數(shù)組中的值。例子:
1 function ConcatArrayDemo(){
2 var a, b, c, d;
3 a = new Array(1,2,3);
4 b = "JScript";
5 c = new Array(42, "VBScript);
6 d = a.concat(b, c);
7 // 返回?cái)?shù)組 [1, 2, 3, "JScript", 42, "VBScript"]
8 return(d);
9 }
10
join方法:將數(shù)組中的項(xiàng),按特定的分隔符轉(zhuǎn)化為字符串并返回,默認(rèn)分隔符為逗號(hào),例子:
1 function JoinDemo(){
2 var a, b;
3 a = new Array(0,1,2,3,4);
4 b = a.join("-");
5 //返回:"0-1-2-3-4"
6 return(b);
7 }
pop方法:移除數(shù)組中的最后一個(gè)元素,并返回該元素。如果該數(shù)組為空則返回undefined。
push方法:將以新元素出現(xiàn)的順序添加這些元素,如果參數(shù)之一為數(shù)組,那么該數(shù)組將作為單個(gè)元素添加到數(shù)組中。如果要合并兩個(gè)或多個(gè)數(shù)組中的元素,請(qǐng)使用 concat 方法。
reverse 方法將一個(gè) Array 對(duì)象中的元素位置進(jìn)行反轉(zhuǎn)。在執(zhí)行過(guò)程中,這個(gè)方法并不會(huì)創(chuàng)建一個(gè)新的 Array 對(duì)象。如果數(shù)組是不連續(xù)的,reverse 方法將在數(shù)組中創(chuàng)建元素以便填充數(shù)組中的間隔。這樣所創(chuàng)建的全部元素的值都是 undefined。
1 function ReverseDemo(){
2 var a, l; // 聲明變量。
3 a = new Array(0,1,2,3,4); // 創(chuàng)建數(shù)組并賦值。
4 l = a.reverse(); // 反轉(zhuǎn)數(shù)組的內(nèi)容。
5 //返回:l=[4,3,2,1,0]
6 return(l); // 返回結(jié)果數(shù)組。
7 }
shift 方法可移除數(shù)組中的第一個(gè)元素并返回該元素。
slice 方法返回一個(gè) Array 對(duì)象,其中包含了 arrayObj 的指定部分。slice 方法一直復(fù)制到 end 所指定的元素,但是不包括該元素。如果 start 為負(fù),將它作為 length + start處理,此處 length 為數(shù)組的長(zhǎng)度。如果 end 為負(fù),就將它作為 length + end 處理,此處 length 為數(shù)組的長(zhǎng)度。如果省略 end ,那么 slice 方法將一直復(fù)制到 arrayObj 的結(jié)尾。如果 end 出現(xiàn)在 start 之前,不復(fù)制任何元素到新數(shù)組中。例子:
//除了最后一個(gè)元素之外,myArray 中所有的元素都被復(fù)制到 newArray 中:
newArray = myArray.slice(0, -1)
sort 方法將 Array 對(duì)象進(jìn)行適當(dāng)?shù)呐判?;在?zhí)行過(guò)程中并不會(huì)創(chuàng)建新的 Array 對(duì)象。如果為 sortfunction 參數(shù)提供了一個(gè)函數(shù),那么該函數(shù)必須返回下列值之一:
· 負(fù)值,如果所傳遞的第一個(gè)參數(shù)比第二個(gè)參數(shù)小。
· 零,如果兩個(gè)參數(shù)相等。
· 正值,如果第一個(gè)參數(shù)比第二個(gè)參數(shù)大。
1 function SortDemo(){
2 var a, l; // 聲明變量。
3 a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
4 l = a.sort(); // 排序數(shù)組。
5 return(l); // 返回排序的數(shù)組。
6 }
splice 方法可以移除從 start 位置開(kāi)始的指定個(gè)數(shù)的元素并插入新元素,從而修改 arrayObj。返回值是一個(gè)由所移除的元素組成的新 Array 對(duì)象。 格式如下:
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
toLocaleString 方法 將在Date對(duì)象中講解,一般這個(gè)方法只是返回給用戶,不作為代碼中計(jì)算。
unshift 方法將這些元素插入到一個(gè)數(shù)組的開(kāi)始部分,所以這些元素將以參數(shù)序列中的次序出現(xiàn)在數(shù)組中。格式如下:
arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])
valueOf方法&toString() 數(shù)組的元素被轉(zhuǎn)換為字符串,這些字符串由逗號(hào)分隔,連接在一起。其操作與 Array.toString 和 Array.join 方法相同。
- JavaScript Array對(duì)象詳解
- javascript類型系統(tǒng) Array對(duì)象學(xué)習(xí)筆記
- 詳解JS中Array對(duì)象擴(kuò)展與String對(duì)象擴(kuò)展
- JavaScript數(shù)組Array對(duì)象增加和刪除元素方法總結(jié)
- JavaScript Array對(duì)象擴(kuò)展indexOf()方法
- 以JSON形式將JS中Array對(duì)象數(shù)組傳至后臺(tái)的方法
- js Array對(duì)象的擴(kuò)展函數(shù)代碼
- JavaScript中的Array對(duì)象使用說(shuō)明
- js對(duì)象之JS入門之Array對(duì)象操作小結(jié)
- javascript Array對(duì)象使用小結(jié)
- JavaScript中Array對(duì)象用法實(shí)例總結(jié)
相關(guān)文章
提升PHP安全:8個(gè)必須修改的PHP默認(rèn)配置
這篇文章主要介紹了提升PHP安全:8個(gè)必須修改的PHP默認(rèn)配置,PHP.ini中的默認(rèn)配置是面向開(kāi)發(fā)者的,如果是生產(chǎn)環(huán)境是必須要修改一些配置的,需要的朋友可以參考下2014-11-11echarts實(shí)現(xiàn)中國(guó)地圖下鉆進(jìn)入下一級(jí)(地圖鉆取)
最近在學(xué)習(xí)echarts,今天就來(lái)介紹一下echarts實(shí)現(xiàn)中國(guó)地圖下鉆進(jìn)入下一級(jí),具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08使用apifm-wxapi快速開(kāi)發(fā)小程序過(guò)程詳解
這篇文章主要介紹了使用apifm-wxapi快速開(kāi)發(fā)小程序過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08JavaScript變量中var,let和const的區(qū)別
這篇文章主要介紹了JavaScript變量中var,let和const的區(qū)別,JavaScript中一共有3種用來(lái)聲明變量的關(guān)鍵字,分別是var、let和const,文章通過(guò)圍繞主題展開(kāi)對(duì)三個(gè)關(guān)鍵詞的詳細(xì)介紹,需要的朋友可以參考一下2022-09-09JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07Javascript函數(shù)技巧學(xué)習(xí)
這篇文章主要介紹了Javascript函數(shù)技巧學(xué)習(xí),文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的朋友可以參考一下2022-07-07微信小程序scroll-view的滾動(dòng)條設(shè)置實(shí)現(xiàn)
這篇文章主要介紹了微信小程序scroll-view的滾動(dòng)條設(shè)置實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03詳解JavaScript的數(shù)據(jù)類型以及數(shù)據(jù)類型的轉(zhuǎn)換
這篇文章主要介紹了JavaScript的數(shù)據(jù)類型以及數(shù)據(jù)類型的轉(zhuǎn)換,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04JavaScript中 ES6變量的結(jié)構(gòu)賦值
這篇文章主要介紹了JS 中ES6變量的結(jié)構(gòu)賦值的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07