js對象之JS入門之Array對象操作小結(jié)
首先我們來看看它的定義:
var arrayObj = new Array()
var arrayObj = new Array([size])
var arrayObj = new Array([element0[, element1[, [, elementN]]]])
其中:arrayObj是賦值為 Array 對象的變量名。
size由于數(shù)組的下標(biāo)是從零開始,創(chuàng)建的元素的下標(biāo)將從零到 size -1。
element0,...,elementN這將創(chuàng)建具有 n + 1 個元素的長度為 n + 1 的數(shù)組。使用該語法時必須有一個以上元素。
如果只向 Array 的構(gòu)造函數(shù)傳遞了一個參數(shù),而該參數(shù)是數(shù)字,則它必須是無符號 32 位整數(shù)(大約 40 億)。該值成為數(shù)組的大小。如果該值為數(shù)值,但小于 0 或不為整數(shù),發(fā)生運行時錯誤。
如果傳遞給 Array 構(gòu)造函數(shù)的是單個值并且不是數(shù)值,設(shè)置 length 屬性為 1,而且唯一的元素值成為單個的傳入的參數(shù)。
由于JS數(shù)組為解析數(shù)組,也就是盡管可以分配多個元素給一個數(shù)組,但實際上只有包含數(shù)據(jù)的元素才存在。這減少了數(shù)組使用的內(nèi)存數(shù)量。
Array對象具有三個內(nèi)置屬性:constructor,length,prototype我會在特地寫一篇關(guān)于constructor, prototype,arguments等對象屬性的文章,在這里就不在多說了。下面我們主要看看Array內(nèi)置的一些方法,這個對我們很重要,因為會經(jīng)常用得這個東東。
concat方法:連接兩個或多個數(shù)組并返回一個新的數(shù)組。值得我們注意的是(引用類型)對于從正被連接到新數(shù)組的數(shù)組中復(fù)制的對象參數(shù),復(fù)制后仍然指向相同的對象,不論新數(shù)組和源數(shù)組中哪一個有改變,都將引起另一個的改變; (值類型)對于連接到新數(shù)組的數(shù)值或字符串,只復(fù)制其值,一個數(shù)組中值有改變并不影響另一個數(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);
// 返回數(shù)組 [1, 2, 3, "JScript", 42, "VBScript"]
return(d);
}
join方法:將數(shù)組中的項,按特定的分隔符轉(zhuǎn)化為字符串并返回,默認(rèn)分隔符為逗號,例子:
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ù)組中的最后一個元素,并返回該元素。如果該數(shù)組為空則返回undefined。
push方法:將以新元素出現(xiàn)的順序添加這些元素,如果參數(shù)之一為數(shù)組,那么該數(shù)組將作為單個元素添加到數(shù)組中。如果要合并兩個或多個數(shù)組中的元素,請使用concat 方法。
reverse 方法將一個 Array 對象中的元素位置進行反轉(zhuǎn)。在執(zhí)行過程中,這個方法并不會創(chuàng)建一個新的 Array 對象。如果數(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ù)組中的第一個元素并返回該元素。
slice 方法返回一個 Array 對象,其中包含了 arrayObj 的指定部分。slice 方法一直復(fù)制到 end 所指定的元素,但是不包括該元素。如果 start 為負(fù),將它作為 length + start處理,此處 length 為數(shù)組的長度。如果 end 為負(fù),就將它作為 length + end 處理,此處 length 為數(shù)組的長度。如果省略 end ,那么slice 方法將一直復(fù)制到 arrayObj 的結(jié)尾。如果 end 出現(xiàn)在 start 之前,不復(fù)制任何元素到新數(shù)組中。例子:
//除了最后一個元素之外,myArray 中所有的元素都被復(fù)制到 newArray 中:
newArray = myArray.slice(0, -1)
sort 方法將 Array 對象進行適當(dāng)?shù)呐判?;在?zhí)行過程中并不會創(chuàng)建新的 Array 對象。如果為 sortfunction 參數(shù)提供了一個函數(shù),那么該函數(shù)必須返回下列值之一:
負(fù)值,如果所傳遞的第一個參數(shù)比第二個參數(shù)小。
零,如果兩個參數(shù)相等。
正值,如果第一個參數(shù)比第二個參數(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 位置開始的指定個數(shù)的元素并插入新元素,從而修改 arrayObj。返回值是一個由所移除的元素組成的新 Array 對象。 格式如下:
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
toLocaleString 方法 將在Date對象中講解,一般這個方法只是返回給用戶,不作為代碼中計算。
unshift 方法將這些元素插入到一個數(shù)組的開始部分,所以這些元素將以參數(shù)序列中的次序出現(xiàn)在數(shù)組中。格式如下:
arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])
valueOf方法&toString() 數(shù)組的元素被轉(zhuǎn)換為字符串,這些字符串由逗號分隔,連接在一起。其操作與 Array.toString 和 Array.join 方法相同。
到這里Array對象的所有東東也就差不多了,我把他們整理出來一個是為了能夠鞏固我的腳本知識,再次聲明很多的例子都是前人留下來的,如果對你有不舒服的感覺請見諒!
- JavaScript Array對象詳解
- javascript類型系統(tǒng) Array對象學(xué)習(xí)筆記
- 詳解JS中Array對象擴展與String對象擴展
- JavaScript數(shù)組Array對象增加和刪除元素方法總結(jié)
- JavaScript Array對象擴展indexOf()方法
- 以JSON形式將JS中Array對象數(shù)組傳至后臺的方法
- js Array對象的擴展函數(shù)代碼
- JavaScript中的Array對象使用說明
- javascript Array對象使用小結(jié)
- JS Array對象入門分析
- JavaScript中Array對象用法實例總結(jié)
相關(guān)文章
原生JS實現(xiàn)頂部導(dǎo)航欄顯示按鈕+搜索框功能
這篇文章主要介紹了原生js實現(xiàn)頂部導(dǎo)航欄顯示按鈕+搜索框功能,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12window.showModalDialog()返回值的學(xué)習(xí)心得總結(jié)
本篇文章主要介紹了window.showModalDialog()返回值的學(xué)習(xí)心得。需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01Javascript四舍五入Math.round()與Math.pow()使用介紹
本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用,感興趣的朋友不要錯過2013-12-12一個XML格式數(shù)據(jù)轉(zhuǎn)換為圖表的例子
這個例子使用的是轉(zhuǎn)換為VML的語法,換成其他如SVG的語法,就可以轉(zhuǎn)換成為SVG圖形,單元數(shù)量可以任意加。2010-02-02Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)
這篇文章主要介紹了Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10