JavaScript之?dāng)?shù)組Array詳解

1、JavaScript之 數(shù)組(Array)詳解篇一：Javascript數(shù)組及其操作Javascript數(shù)組及其操作1. 如何創(chuàng)建數(shù)組2. 如何對(duì)數(shù)組進(jìn)行操作(添加 ,刪除 ,讀取)3. 數(shù)組常見(jiàn)方法和屬性如何創(chuàng)建一個(gè)數(shù)組 ,一般地根據(jù)初始化設(shè)定簡(jiǎn)單分為 3 種 :1. 單純創(chuàng)建數(shù)組 :var arr=new Array();要點(diǎn)用new關(guān)鍵字創(chuàng)建數(shù)組對(duì)象Array(),Array(對(duì)象是一個(gè)本地 類,可以用new創(chuàng)建一個(gè)對(duì)象后使用2. 創(chuàng)建數(shù)組的同時(shí)規(guī)定數(shù)組大小 :var arr=new Array(10);這里就創(chuàng)建了一個(gè)初始化大小為10的數(shù)組注意 :當(dāng)使用數(shù)組大小操作初始化大小時(shí) ,數(shù)組

2、會(huì)自動(dòng)被撐大 ,不會(huì) 像C語(yǔ)言那樣發(fā)生錯(cuò)誤動(dòng)態(tài)增長(zhǎng)是js數(shù)組的一個(gè)性質(zhì)另外,js中支持最 大數(shù)組長(zhǎng)度為 42949672953. 直接初始化 :var arr=new Array(love,hate,pain);/ 這里就直接初始化了數(shù)組 或 var arr=happy,cute,scare;/ 括號(hào)也可以聲明一個(gè)數(shù)組對(duì)象當(dāng)然，類似C語(yǔ)言可以定義2維3維和多維的數(shù)組，例如：var myArray = new Array();for(var i=0;i myArrayi=new Array();myArrayi0=Math.floor(Math.random()*10);myArrayi1=Ma

3、th.floor(Math.random()*10);myArrayi2=Math.floor(Math.random()*10);myArrayi3=Math.floor(Math.random()*10);myArrayi4=Math.floor(Math.random()*10);myArrayi5=Math.floor(Math.random()*10);myArrayi6=Math.floor(Math.random()*10);myArrayi7=Math.floor(Math.random()*10);myArrayi8=Math.floor(Math.random()*10);

4、myArray.sort( function(x, y) .return(x0=y0)?(x4=y4)?(x8-y8):(x4-y4):(x2-y2);for(var i=0;i document.write(myArrayi.join(,) + );數(shù)組的屬性 :length arr.length 返回?cái)?shù)組 arr 的長(zhǎng)度 ,常見(jiàn)于循環(huán)中對(duì)數(shù)組的遍歷 ,比如: for(var i=0;i 執(zhí)行部分?jǐn)?shù)組元素的訪問(wèn) : arrindex, 其中 index 表示索引即數(shù)組基數(shù) ,從 0開(kāi)始，共有arr.length個(gè)元素.比如：arrO訪問(wèn)第一個(gè)數(shù)組元素,arr1訪問(wèn) 第二個(gè)數(shù)組元素 依次類推

5、數(shù)組的操作方法 :先概覽下下面的這些操作數(shù)組常用的方法 (13個(gè))toString(),valueOf(),toLocalString(),join(),split(),slice(),concat(), pop(),push(),shift(),unshift(),sort(),splice() 下面逐一分析這些方法的功能和用法 . toString(),valueOf(),toLocalString()：功能：返回?cái)?shù)組的全部元素 注：數(shù)組名也可以返回整個(gè)數(shù)組 代碼：var m=am,bm,cm;/ 用括號(hào)聲明一個(gè)數(shù)組對(duì)象 alert(m.toString();/toString() 返回?cái)?shù)

6、組對(duì)象的所有內(nèi)容 ,用逗號(hào)分 割,即 am,bm,cmalert(m.valueOf();/valueOf()也返回?cái)?shù)組對(duì)象的所有內(nèi)容 alert(m.toLocaleStri ng();/toLocaleStri ng()也返回?cái)?shù)組對(duì)象的所有 內(nèi)容,但有地區(qū)語(yǔ)言區(qū)別 ,暫不研究alert(m);/ 數(shù)組名也返回?cái)?shù)組對(duì)象的所有內(nèi)容join():功能:把數(shù)組各個(gè)項(xiàng)用某個(gè)字符 (串)連接起來(lái) ,但并不修改原來(lái)的 數(shù)組代碼:var m=am,bm,cm;/ 用括號(hào)聲明一個(gè)數(shù)組對(duì)象var n=m.join(-);/ 用 -連接 am,bm,cm.alert(m.toString();/m 并沒(méi)有被修改

7、 ,返回 am,bm,cmalert(n);/n 是一個(gè)字符串 ,為 am-bm-cmsplit():功能 :把一個(gè)字符串按某個(gè)字符 (串)分割成一個(gè)數(shù)組 ,但不修改原 字符串代碼:var str=I love maomao,I am caolvchong;var arr=str.split(o);/ 按字符 o 把 str 字符串分割成一個(gè)數(shù)組 alert(arr);/ 輸出整個(gè)數(shù)組slice():返回某個(gè)位置開(kāi)始(到某個(gè)位置結(jié)束)的數(shù)組部分，不修改原 數(shù)組 代碼 :var m=am,bm,cm,dm,em,fm;var n=m.slice(2);/ 返 回 第 二 個(gè) 元 素 bm 后 面

8、 的 元 素 , 即cm,dm,em,fmvar q=m.slice(2,5);返回第二個(gè)元素后到第五個(gè)元素，即cm,dm,emalert(n);alert(q);數(shù)組對(duì)象的棧操作push()數(shù)組末尾添加一個(gè)項(xiàng)pop():刪除數(shù)組最后一個(gè)項(xiàng)代碼:var m=am,bm,cm,dm,em,fm;m.push(gm);/ 在數(shù)組末尾添加元素 gm alert(m);m.pop();/ 刪除數(shù)組最后一個(gè)元素 gmalert(m);數(shù)組對(duì)象的隊(duì)列操作 :un shift():數(shù)組頭添加一個(gè)項(xiàng)shift():刪除數(shù)組第一個(gè)項(xiàng)代碼:var m=am,bm,cm,dm,em,fm;m.unshift(gm)

9、;/ 在數(shù)組第一個(gè)元素位置添加元素 gm alert(m);m.shift();/ 刪除數(shù)組第一個(gè)元素 gmalert(m);sort():數(shù)組按字符的ASCI碼進(jìn)行排序，修改數(shù)組對(duì)象注:即便是數(shù)字?jǐn)?shù)組 ,也將轉(zhuǎn)化為字符串來(lái)進(jìn)行比較排序代碼:var m=am,fm,gm,bm,em,dm;m.sort();/ 按字母序排序alert(m);concat():在數(shù)組尾添加元素，但不修改數(shù)組對(duì)象代碼:var m=am,bmvar n=m.concat(cm);添加一項(xiàng)cm,并且賦予新數(shù)組對(duì)象alert(m);/ 原數(shù)組沒(méi)有被修改alert(n);輸出新數(shù)組對(duì)象splice():在數(shù)組的任意位置進(jìn)行

10、添加，刪除或者替換元素，直接修改 數(shù)組對(duì)象 細(xì)節(jié) :splice()有三個(gè)參數(shù)或三個(gè)以上參數(shù)，前兩個(gè)是必須的，后面參數(shù)是 可選的進(jìn)行添加:splice(起始項(xiàng),0,添加項(xiàng))進(jìn)行刪除:splice(起始項(xiàng)要?jiǎng)h除的項(xiàng)個(gè)數(shù))進(jìn)行替換:splice(起始項(xiàng)，替換個(gè)數(shù)，替換項(xiàng))這個(gè)其實(shí)是添加刪除 的共同結(jié)果 代碼:var m=am,bmm.splice(1,0,fm,sm); 在第一項(xiàng)后面添加 fm 和 sm,返回 am,fm,sm,bmalert(m);m.splice(2,1);刪除第二項(xiàng)后面一項(xiàng)(即第三項(xiàng)sm,返回 am,fm,bm)alert(m);m.splice(2,1,mm);/ 替 換

11、第二 項(xiàng) 后 面一項(xiàng) (即 第 三項(xiàng),返 回 am,fm,mm)alert(m);JavaScript數(shù)組操作函數(shù)join(delimiter): 把數(shù)組中各個(gè)元素使用分隔符 (delimiter) 拼成字符 串concat(array1, array2, .): 合并數(shù)組，對(duì)原數(shù)組不影響，只是返回 合并后的新數(shù)組pop(): 刪除并返回最后一個(gè)元素push(element1, element2, .): 在數(shù)組末尾追加元素shift(): 刪除并返回第一個(gè)元素unshift(element1, element2, .): 在數(shù)組開(kāi)始位置添加元素 reverse(): 將數(shù)組元素順序首尾反轉(zhuǎn)s

12、ort(function): 給數(shù)組排序如果不給參數(shù)，默認(rèn)按字符排序 (所有元素是數(shù)字也不會(huì)按數(shù)字排 序的)參數(shù)必須是一個(gè)函數(shù)，類似 function(a, b) ，在函數(shù)中判斷 a, b 的大小，ab返回正數(shù)，a slice(start, end):返回一個(gè)新的數(shù)組，將 start開(kāi)始，到end結(jié)束(不包括end)之間的元素復(fù)制到新數(shù)組中splice(start, count, replaceElement1, replaceElement2, .): 刪除或者替換數(shù)組元素，從 start 開(kāi)始，對(duì) count 個(gè)元素進(jìn)行刪除或替換如果提供 replaceElement 參數(shù)則進(jìn)行替換，否則

13、進(jìn)行刪除操作， 被替換的元素個(gè)數(shù)和 replaceElements 的個(gè)數(shù)不必相等返回一個(gè)數(shù)組，包含被刪除或替換掉的元素 判斷是否數(shù)組的方法var arrayVar = aaa, bbb, ccc;var nonArrayVar = length:4, otherAttribute:attr ; document.write(arrayVar.constructor=Array);document.write();document.write(nonArrayVar.constructor=Array);結(jié)果是 true, falsegrep、mapPerl語(yǔ)言帶出來(lái)的東西，jQuery實(shí)現(xiàn)s

14、elector時(shí)用了這種方式 grep對(duì)數(shù)組的 grep 操作，指類似這樣的代碼 :Array newArray = grep(condition, oldArray,這個(gè)操作將對(duì) oldArray 數(shù)組的每個(gè)元素進(jìn)行遍歷，如果當(dāng)前處理元素符合條件 condition ，則 加入到返回?cái)?shù)組中 jQuery中的grep類似這樣：function( elems, callback), elems是DOM元素集合，callback是實(shí)現(xiàn)selector的一些表達(dá)式函數(shù)，如果callback返回true則表明當(dāng)前處理的元素符合 selector表達(dá)式篇二：javaScript基礎(chǔ)之?dāng)?shù)組javaScri

15、pt基礎(chǔ)之?dāng)?shù)組目錄創(chuàng)建數(shù)組的方法 3數(shù)組的內(nèi)置方法 3數(shù)組首尾位置的數(shù)據(jù)項(xiàng)添加及刪除方法 3array.push( value,)-向數(shù)組的尾部添加值 4array.unshift( value, ) - 在數(shù)組頭部插入一個(gè)元素 4array.pop( ) - 刪除并返回?cái)?shù)組的最后一個(gè)元素 5array.shift( )- 將 元 素 移 出 數(shù)組6重排序方法 6array.reverse() - 顛 倒 數(shù) 組 中 元 素 的 順序 7array.sort( fn )對(duì)數(shù)組元素進(jìn)行排序 7數(shù)組的固定位置的增刪改方法 8array.splice(start,deleteCount,value,

16、-插入、刪除或替換數(shù)組的元素 8可以復(fù)制數(shù)組的方法 8array.slice(start,end) - 返 回 數(shù) 組 的 一 部分 9array.c on cat(value ,)- 連 接 數(shù)組 9將 數(shù) 組 轉(zhuǎn) 化 為 字 符 串 的 方法 10array.join(separator) -將數(shù)組元素連接起來(lái)以構(gòu)建一個(gè)字符串 10array.toString() - 將 數(shù) 組 轉(zhuǎn) 換 成 一 個(gè) 字 符串 11array.toLocaleString() - 把 數(shù) 組 轉(zhuǎn) 換 成 局 部 字 符串 11數(shù) 組的屬 性 ：length12ECMAScript 5 添 加 的 數(shù) 組 方

17、法 12位置方法 12迭 代 方 法 - 不 修 改 原 數(shù)組 13歸并方法 - 迭代數(shù)組所有項(xiàng)，然后構(gòu)建一個(gè)最終返回的值 13數(shù)組是復(fù)合數(shù)據(jù)類型 (對(duì)象類型)的數(shù)據(jù)，它的數(shù)據(jù)索引為數(shù)字， 從 0 開(kāi)始，逐一遞增，有個(gè) length 屬性，代表數(shù)組項(xiàng)的總數(shù)。數(shù)組的 每一項(xiàng)可以存任何類型的數(shù)據(jù)， 并不是數(shù)組就只可以存 Number 類型的 數(shù)據(jù)哦。當(dāng)我們用 for in 語(yǔ)句 遍歷數(shù)組的時(shí)候， length 屬性并不會(huì)被遍歷 出來(lái)。創(chuàng)建數(shù)組的方法 var arr = new Array( ); /創(chuàng)建一個(gè)空數(shù)組var arr = new Array(size); / size數(shù)組的長(zhǎng)度，ex.s

18、ize=3創(chuàng)建一個(gè)有3 個(gè)元素的數(shù)組 ,元素為 undefinedvar arr = new Array(element0, element1, ., elementn); / 用參數(shù) 指定的值初始化數(shù)組，以逗號(hào)分隔var arr = ; / 直接量的方式創(chuàng)建一個(gè)空數(shù)組，和第一個(gè)創(chuàng)建數(shù)組的方法同效 var arr = element0, element1, ., elementn; / 直接量的方式創(chuàng)建 數(shù)組，同上面第三個(gè)創(chuàng)建方式數(shù)組的內(nèi)置方法數(shù)組首尾位置的數(shù)據(jù)項(xiàng)添加及刪除方法array.push()array.pop()array.unshift()array.shift()/ 添加的都返回

19、數(shù)組的 length 屬性值/ 刪除的都返回刪除項(xiàng)的值array.push( value,-向數(shù)組的尾部添加值參數(shù)：value可以是 一個(gè)或多個(gè)(不傳參數(shù)好像也沒(méi)報(bào)錯(cuò))功能：方法push()將把它的參數(shù)順次添加到array的尾部。 返回值：把指定的值添加到數(shù)組后的新長(zhǎng)度。是否修改原數(shù)組：是！-它直接修改array而不是創(chuàng)建一個(gè)新的 數(shù)組。擴(kuò)展：方法push()和方法pop()用數(shù)組提供先進(jìn)后出棧的功能。Bug：在JavaScript的Netscape實(shí)現(xiàn)中，如果把語(yǔ)言版本明確地設(shè)置為 1.2，該函數(shù)將返回最后添加的值，而不是返回新數(shù)組的長(zhǎng)度。array.unshift( value, - 在數(shù)

20、組) 頭部插入一個(gè)元素 參數(shù)： value 是要插入到數(shù)組頭部的一個(gè)或多個(gè)值(不傳參數(shù)好 像也沒(méi)報(bào)錯(cuò))功能：方法unshift()將把它的參數(shù)插入array的頭部，并將已經(jīng)存 在的元素順次地移到較高的下標(biāo)處，以便留出空間。該方法的第一個(gè) 參數(shù)將成為數(shù)組新的元素 0，如果還有第二個(gè)參數(shù)， 它將成為新的元素 1，以此類推。返回值：把指定的值添加到數(shù)組后的新長(zhǎng)度。是否修改原數(shù)組：是！ -unshift()直接修改原有的數(shù)組，而不是創(chuàng)建一個(gè)新的數(shù)組。 示例：var a = ; / a:a.unshift(1); / a:1 返回 1a.unshift(22); / a:22,1 返回 2a.unshi

21、ft(33,4,5); / a:33,4,5,22,1 返回 4a.push(6); / a:33,4,5,22,1,6 返回 5array.pop( ) - 刪除并返回?cái)?shù)組的最后一個(gè)元素 參數(shù)：無(wú)功能：方法pop()將刪除array的最后一個(gè)元素，把數(shù)組長(zhǎng)度減1， 如果數(shù)組已經(jīng)為空，則pop()不改變數(shù)組。返回值：返回它刪除的元素的值。數(shù)組已經(jīng)為空的時(shí)候， pop() 方法返回 undefined。是否修改原數(shù)組：是！-它直接修改 array。擴(kuò)展：方法push()和方法pop()用數(shù)組提供先進(jìn)后出棧的功能。示例：var stack = ; / 棧： stack.push(1, 2); /

22、棧 : 1,2 返回 2stack.pop(); / 棧 : 1 返回 2stack.push(4,5); / 棧 : 1,4,5 返回 2stack.pop() / 棧: 1 返回 4,5篇三：JavaScript數(shù)組定義JavaScript數(shù) 組定義數(shù)組有四種定義的方式 使用構(gòu)造函數(shù)： var a = new Array();var b = new Array(8);var c = new Array(first, second, third); 或者數(shù)組直接量：var d = first, second, third;屬性Array 只有一個(gè)屬性，就是 length，length 表示的

23、是數(shù)組所占內(nèi)存 空間的數(shù)目，而不僅僅是數(shù)組中元素的個(gè)數(shù)，在剛才定義的數(shù)組中， b.length 的值為 8var a = new Array(first, second, third)a48 = 12document.write(a.length)/ 顯示的結(jié)果是 49我們var a =數(shù)組的 length 屬性是可寫的，這是一個(gè)非常有意思的屬性，可以通過(guò)這種方法來(lái)截取數(shù)組var a = new Array(first, second, third)delete a1document.write(a.length)/ 顯示的結(jié)果是 3，說(shuō)明即使刪除也無(wú)法改變數(shù)組的長(zhǎng)度 new Array(fi

24、rst, second, third)a.length = 1document.write(a.length)/ 顯示的結(jié)果是 1，說(shuō)明只剩下一個(gè)元素了方法這里并沒(méi)有包括IE和FF并不兼容的一些方法：toString()：把數(shù)組轉(zhuǎn)換成一個(gè)字符串toLocaleString()：把數(shù)組轉(zhuǎn)換成一個(gè)字符串join()：把數(shù)組轉(zhuǎn)換成一個(gè)用符號(hào)連接的字符串shift()：將數(shù)組頭部的一個(gè)元素移出un shift():在數(shù)組的頭部插入一個(gè)元素pop()：從數(shù)組尾部刪除一個(gè)元素push()：把一個(gè)元素添加到數(shù)組的尾部con cat():給數(shù)組添加元素slice()：返回?cái)?shù)組的部分reverse將數(shù)組反向排序

25、sort():對(duì)數(shù)組進(jìn)行排序操作splice()：插入、刪除或者替換一個(gè)數(shù)組元素toString()方法，toLocaleString()方法的作用類似，F(xiàn)F下的作用是 完全相同的， IE 的話如果元素是字符串，會(huì)在 “后,”面加上一個(gè)空格， 如果元素是數(shù)字，會(huì)擴(kuò)展到兩位小數(shù)，兩者都會(huì)改變字符串的 length 屬性，所以考慮到兼容性，盡量不要使用toLocaleStri ng(方法。var a = new Array(1, 2, 3, 4, 5, 6, 7)var b = a.toStri ng() b 為字符串形式的 1,2, 3, 4, 5, 6, 7var c = new Array(

26、1, 2, 3, 4, 5, 6, 7)var d = c.toLocaleString() /d 為字符串形式的 1, 2, 3, 4, 5, 6, 7/toString()方法和toLocaleString()方法都可以拆解多維數(shù)組join()方法將數(shù)組中的所有元素轉(zhuǎn)換成字符串， 然后連接起來(lái)，這 剛好和String的split()方法是一個(gè)相反的操作。join()默認(rèn)是使用“作為 分隔符，當(dāng)然你也可以在方法中指定分隔符var a = new Array(first, second, third)var s = a.join(.)document.write(s)/ 顯示的結(jié)果是 “ fi

27、rst.second.third”pop()方法可以從數(shù)組尾部刪除若干個(gè)元素，push()方法把一個(gè)元 素添加到數(shù)組的尾部，這兩個(gè)方法剛好是兩個(gè)相反的操作。兩個(gè)都是 對(duì)原來(lái)的數(shù)組進(jìn)行操作，但是要注意push()方法返回的是新的數(shù)組的長(zhǎng) 度，而pop()方法則返回被刪去的那個(gè)元素。var a = new Array(1, 2, 3)var b = a.push(4,5,6,7) a 為1,2, 3, 4, 5, 6, 7b 為 6 注意 push()方法不會(huì)幫你打開(kāi)一個(gè)數(shù)組var c = new Array(1, 2, 3, 4, first)var d = c.pop() c為1,2, 3,

28、4d 為字符串形式的firstshift()方法可以從數(shù)組頭部刪除一個(gè)元素，un shift()方法把若干元 素添加到數(shù)組的頭部，這兩個(gè)方法剛好是兩個(gè)相反的操作。兩個(gè)都是 對(duì)原來(lái)的數(shù)組進(jìn)行操作，但是要注意unshift()方法返回的是新的數(shù)組的長(zhǎng)度，而shift()方法則返回被刪去的那個(gè)元素var a = new Array(1, 2, 3)var b = a.unshift(4,5,6,7) /a 為4, 5, 6, 7, 1, 2, 3b 為 6 注意 un shift()方法不會(huì)幫你打開(kāi)一個(gè)數(shù)組，還有就是被插入數(shù)值的順序var c = new Array(first, 1, 2, 3,

29、4)var d = c.shift() c 為1,2, 3, 4d 為字符串形式的firstcon cat()方法可以返回一個(gè)在原有數(shù)組上增添了元素的數(shù)組，元素用“分, ”隔，元素中如果有數(shù)組，將被展開(kāi)并繼續(xù)添加，但不支持多維數(shù)組形式的展開(kāi)添加var a = new Array(first, second, third)s = a.concat(fourth,fifth, sixth,seventh, eighth, ninth)document.write(s7)/顯示的結(jié)果是“ eighth, ninth,說(shuō)明“ eighth, ninth是以數(shù)組的形 式被添加了進(jìn)去，此是 s的值為fir

30、st, second, third, fourth, fifth, sixth, seventh, eighth, ninthslice()方法返回?cái)?shù)組的一個(gè)片斷，或者說(shuō)是子數(shù)組。slice()的參數(shù)表示字?jǐn)?shù)組的始末位置,如果只有一個(gè)參數(shù),就表示從該處開(kāi)始一直取到最后，如果參數(shù)出現(xiàn)負(fù)數(shù)，則表示倒數(shù)的某個(gè)位置var a =new Array(1, 2, 3, 4, 5)var b =a.slice(3)/b 為4, 5var c =a.slice(-3) c 為3, 4, 5var d =a.slice(1,-1) /d 為2, 3, 4var e =a.slice(-3,-1) /e 為3, 4reverse(方法將數(shù)組反向排序，他并不創(chuàng)建和返回一個(gè)新的數(shù)組,而是在原有的數(shù)組上進(jìn)行操作var a = new Array(first, second, third)a.reverse() document.write(a)/顯示的結(jié)果是“ third,secondfirst,這時(shí)候數(shù)組的順序已經(jīng)顛倒 了sort()