陣列屬於特殊物件,物件為無序列表資料儲存,陣列屬於有序列表資料儲存
參考:建立陣列
//使用new關鍵字
// var arr=new array(
); //建立空陣列
// var arr=new array(size)
; //size表示陣列長度,如果是2則建立長度為2的空陣列
// var arr=new array(1,2,3)
;//陣列長度為3,引數為1,2,3
var arr=new array(
); //建立空陣列
arr[0]
=1;//賦值
arr[1]
=2;console.log(arr)
//使用中括號
var narr=
;//空陣列
var narr=
[1,2,3]//帶有引數值的陣列,最後乙個引數不加逗號,否則有些瀏覽器會報錯
陣列方法
1、陣列末尾和開頭增刪
//push(
) 向陣列末尾新增乙個或多個元素
//pop(
) 刪除陣列最後乙個元素
//unshift(
) 向陣列開頭新增乙個或多個元素
//shift(
) 刪除陣列第乙個元素
var arr=
[1,2,3,4,5]
arr.push(1,1)
;console.log(arr)
;//[1,2,3,4,5,1,1]
arr.pop(
);//只能刪除最後乙個元素,刪除兩個要再次執行pop
console.log( arr )//[1,2,3,4,5,1]
arr.unshift(8,0)
;console.log(arr)
;//[8,0,1,2,3,4,5,1]
arr.shift(
)console.log(arr)
;//[0,2,3,4,5,1]
2、陣列翻轉和排序
//reverse(
) 翻轉陣列中的元素
//sort(
) 對陣列元素進行排序,預設將陣列轉化為字串,按照字串asc碼進行排序,可以自定義排序規則arrayobject.sort(sortby),sortby必須是函式
//原理:氣泡排序,依次比較a和b,如果大於0則交換,重新從第乙個進行比較,如果小於等於0則不交換
var arr=
[1,4,3]
;arr.sort(function(a,b)
)console.log( arr )
;//第一輪1和4,1和3,不交換
//第二輪4和3 交換為1,3,4
//重新開始1和3,1和4;然後3和4,完成
//最少比較三次(陣列的長度)
//sort(
)比reverse更消耗效能
備註:以上6個方法都是對原陣列進行修改,直接影響原陣列
3、連線陣列及從陣列中返回指定值,這兩個方法不會修改原陣列,將返回乙個新的陣列
concat(
)連線兩個或多個陣列
var a=
[1,2,3]
var b=a.concat(
[3,4]
)console.log(a) //[1,2,3]
console.log(b) //[1,2,3,4,5]
var c=a.concat(5)
; //可以直接拼接值
console.log(c) //[1,2,3,5]
slice(start,end)方法可從已有的陣列中返回選定的元素
start規定從何處開始選取。如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說,-1 指最後乙個元素,-2 指倒數第二個元素,以此類推
從start開始到end結束,包括start不包括end
var arr=
[1,2,3,4,5,6]
;console.log(arr.slice(1,2))
; //[2]
console.log(arr.slice(2))
; //從2到結束[3,4,5,6]
console.log(arr.slice(-3,-1))
;//[4,5]
console.log(arr.slice(-1,-3))
; //[
]
4、splice 刪除元素,並向陣列新增新元素
splice((index,howmany,item1,..
...,itemx) 方法向/從陣列中新增/刪除專案,然後返回被刪除的專案。
index 規定新增/刪除專案的位置,使用負數可從陣列結尾處規定位置(包括此項)
**注釋:該方法會改變原始陣列**
var a=
[1,2,3,4,5]
a.splice(0,1) //從0開始刪除,刪除1個元素 [1]
console.log(a) //[2,3,4,5]
a.splice(0,1,5) //從0開始刪除,刪除1個元素,在0處插入乙個元素5,插入多個直接,隔開即可
console.log(a) //[5,2,3,4,5]
a.splice(-1,1)
;//從末尾開始,刪除1個 [5]列印被刪除的值
console.log(a)
; //[5,2,3,4]
4、join()方法
join(
) 把陣列中的所有元素放入乙個字串。 元素是通過指定的分隔符進行分隔
var arr =
[1,2,3]
;arr.join(
); //'1,2,3',預設使用,進行連線輸出
arr.join(
'-')
; //'1-2-3'
擴充套件:
es5新增陣列方法詳解
css陣列方法及應用
最重要的應該是sort 方法了,對陣列進行排序可以以字母順序,也可以按數字排序,但是數字排序需要乙個方法,如果直接用你會發現100 20 方法 points.sort function a,b 倒敘就是b a了,當然這個方法不止排序這個功能,比如取最大值或者最小值了,直接取第乙個元素或者最後乙個元素...
javaScript 陣列方法
1 array.concat 合併陣列 var a a b c var b x y z var c a.concat b,true c a b c x y z true 2 array.join 把陣列轉換成字串,預設是join var a a b c a.push d var c a.join c...
js陣列方法
array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...