經常使用數組

數組建立

[element0, element1, ..., elementN]
new Array(element0, element1[, ...[, elementN]])
new Array(arrayLength)segmentfault

demo:數組

clipboard.png

數組長度:

demo:app

clipboard.png

經過索引訪問數組元素:

demo:spa

clipboard.png

遍歷數組(具體可參考https://segmentfault.com/a/11...prototype

var a=[1,2,3,4,5,6,7];
for(var i=0;i<a.length;i++){ 
    console.log(i+':'+a[i]);
}

demo:3d

clipboard.png

經常使用數組方法:增,刪,改

push() 方法將一個或多個元素添加到數組的末尾,並返回新數組的長度。code

demo:對象

clipboard.png

使用場景:blog

var list=new Array();
for(var i=0;i<10;i++){
    lists=list.push(i);
    console.log(lists);    
}

demo:排序

clipboard.png

合併兩個數組// 將第二個數組融合進第一個數組,Array.prototype.push.apply(元素1,元素2);

demo:

clipboard.png

unshift() 方法將一個或多個元素添加到數組的開頭,並返回新數組的長度。

demo:

clipboard.png

shift() 方法從數組中刪除第一個元素,並返回該元素的值。此方法更改數組的長度。

demo:

clipboard.png

pop()方法從數組中刪除最後一個元素,並返回該元素的值。此方法更改數組的長度。

demo:

clipboard.png

splice() 方法經過刪除現有元素和/或添加新元素來更改一個數組的內容。

array.splice(start)
表示刪除[start,end]的元素。
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)
要添加進數組的元素,從start 位置開始。若是不指定,則 splice() 將只刪除數組元素。
由被刪除的元素組成的一個數組。若是隻刪除了一個元素,則返回只包含一個元素的數組。若是沒有刪除元素,則返回空數組。

demo:

clipboard.png

關於數組的截取和拼接

slice():實現數組的截取,在原來的數組中截取某一部分
arr.slice();// [0, end](不變)
arr.slice(begin);// [begin, end]
arr.slice(begin, end);// [begin, end)

demo:

clipboard.png

concat() 方法用於合併兩個或多個數組。此方法不會更改現有數組,而是返回一個新數組。

demo:

clipboard.png

把數組轉換爲字符串

toString() 返回一個字符串,表示指定的數組及其元素。

demo:

clipboard.png

join() 方法將一個數組(或一個類數組對象)的全部元素鏈接成一個字符串並返回這個字符串。

demo:

clipboard.png

數組的排序和排列

sort() 方法默認排序順序是根據字符串Unicode碼點。

demo:

clipboard.png

應用場景大小排序:

clipboard.png

大致概括:
圖片描述

具體可參考:
https://developer.mozilla.org...

相關文章
相關標籤/搜索