js對(duì)象之JS入門(mén)之Array對(duì)象操作小結(jié)
首先我們來(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ì)在特地寫(xiě)一篇關(guān)于constructor, prototype,arguments等對(duì)象屬性的文章,在這里就不在多說(shuō)了。下面我們主要看看Array內(nèi)置的一些方法,這個(gè)對(duì)我們很重要,因?yàn)闀?huì)經(jīng)常用得這個(gè)東東。
concat方法:連接兩個(gè)或多個(gè)數(shù)組并返回一個(gè)新的數(shù)組。值得我們注意的是(引用類(lèi)型)對(duì)于從正被連接到新數(shù)組的數(shù)組中復(fù)制的對(duì)象參數(shù),復(fù)制后仍然指向相同的對(duì)象,不論新數(shù)組和源數(shù)組中哪一個(gè)有改變,都將引起另一個(gè)的改變; (值類(lèi)型)對(duì)于連接到新數(shù)組的數(shù)值或字符串,只復(fù)制其值,一個(gè)數(shù)組中值有改變并不影響另一個(gè)數(shù)組中的值。例子:
function ConcatArrayDemo(){
var a, b, c, d;
a = new Array(1,2,3);
b = "JScript";
c = new Array(42, "VBScript);
d = a.concat(b, c);
// 返回?cái)?shù)組 [1, 2, 3, "JScript", 42, "VBScript"]
return(d);
}
join方法:將數(shù)組中的項(xiàng),按特定的分隔符轉(zhuǎn)化為字符串并返回,默認(rèn)分隔符為逗號(hào),例子:
function JoinDemo(){
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");
//返回:"0-1-2-3-4"
return(b);
}
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。
function ReverseDemo(){
var a, l; // 聲明變量。
a = new Array(0,1,2,3,4); // 創(chuàng)建數(shù)組并賦值。
l = a.reverse(); // 反轉(zhuǎn)數(shù)組的內(nèi)容。
//返回:l=[4,3,2,1,0]
return(l); // 返回結(jié)果數(shù)組。
}
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ù)大。
function SortDemo(){
var a, l; // 聲明變量。
a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
l = a.sort(); // 排序數(shù)組。
return(l); // 返回排序的數(shù)組。
}
splice 方法可以移除從 start 位置開(kāi)始的指定個(gè)數(shù)的元素并插入新元素,從而修改 arrayObj。返回值是一個(gè)由所移除的元素組成的新 Array 對(duì)象。 格式如下:
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
toLocaleString 方法 將在Date對(duì)象中講解,一般這個(gè)方法只是返回給用戶(hù),不作為代碼中計(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 方法相同。
到這里Array對(duì)象的所有東東也就差不多了,我把他們整理出來(lái)一個(gè)是為了能夠鞏固我的腳本知識(shí),再次聲明很多的例子都是前人留下來(lái)的,如果對(duì)你有不舒服的感覺(jué)請(qǐng)見(jiàn)諒!
- JavaScript Array對(duì)象詳解
- javascript類(lèi)型系統(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ō)明
- javascript Array對(duì)象使用小結(jié)
- JS Array對(duì)象入門(mén)分析
- JavaScript中Array對(duì)象用法實(shí)例總結(jié)
相關(guān)文章
原生JS實(shí)現(xiàn)頂部導(dǎo)航欄顯示按鈕+搜索框功能
這篇文章主要介紹了原生js實(shí)現(xiàn)頂部導(dǎo)航欄顯示按鈕+搜索框功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12javascript利用鍵盤(pán)控制小方塊的移動(dòng)
這篇文章主要為大家詳細(xì)介紹了javascript利用鍵盤(pán)控制小方塊的移動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-04-04TypeScript魔法堂之枚舉的超實(shí)用手冊(cè)
這篇文章主要介紹了TypeScript魔法堂之枚舉的超實(shí)用手冊(cè),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10window.showModalDialog()返回值的學(xué)習(xí)心得總結(jié)
本篇文章主要介紹了window.showModalDialog()返回值的學(xué)習(xí)心得。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01Javascript四舍五入Math.round()與Math.pow()使用介紹
本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用,感興趣的朋友不要錯(cuò)過(guò)2013-12-12一個(gè)XML格式數(shù)據(jù)轉(zhuǎn)換為圖表的例子
這個(gè)例子使用的是轉(zhuǎn)換為VML的語(yǔ)法,換成其他如SVG的語(yǔ)法,就可以轉(zhuǎn)換成為SVG圖形,單元數(shù)量可以任意加。2010-02-02Layui事件監(jiān)聽(tīng)的實(shí)現(xiàn)(表單和數(shù)據(jù)表格)
這篇文章主要介紹了Layui事件監(jiān)聽(tīng)的實(shí)現(xiàn)(表單和數(shù)據(jù)表格),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10