前端架構師30天快速掌握js11之Array類知識點詳解

數組的定義

數組的length屬性

數組的使用

數組的方法

構造函數模式

數組字面量表示法

GIF

數組的 length 屬性很有特點——它不是只讀的。因此，通過設置這個屬性，可以從數組的末尾移除項或向數組中添加新項。

利用 length 屬性也可以方便地在數組末尾添加新項

GIF

array[index] ;直接數組後面跟[索引]即可；

push 向數組末尾增加新元素，返回新增後數組的長度，原有的數組改變；

pop 刪除數組末尾的元素，返回刪除的內容，原有的數組改變；

GIF

shift 刪除數組第一位元素，返回刪除後的內容，原有的數組改變；

unshift 向數組開頭增加新元素，返回新增後數組的長度，原有的數組改變；

GIF

splice

splice(n,m) 從索引n開始刪除m個元素，把刪除的部分當作新數組返回，原有的數組改變

splice(n,m,x) 從索引n開始刪除m個元素，把刪除的部分當作新數組返回，並且用x替換原來位置的內容，原有的數組改變

splice(n,0,x) 把x添加到指定索引n之前；

GIF

slice

slice(n,m) 從索引n開找到索引m處(不包含m)，將找到的內容放到新數組返回，原有的數組不變

slice(n) 從索引n處一直找到數組末尾；

slice(0) 數組克隆

GIF

concat 將兩個數組進行拼接，原有數組不變，例如ary1.concat(ary2)

GIF

join 將數組按照指定的分隔符拆分字元串，原有的數組不變

GIF

toString 將數組轉化為字元串，原有的數組不變

GIF

sort 數組排序的方法，原有數組改變，我們通常這樣寫，ary.sort(function(a,b));來實現數組的升序排列

GIF

reverse 將數組倒過來排序，原來數組改變

GIF

indexOf / lastIndexOf 獲取數組中某一項的索引，通常用來檢測數組中是否包含某一項內容，不包含返回的是-1；這個方法在IE678下不兼容；

GIF

forEach 循環數組中每一項，然後進行相關的操作，這個方法在IE678不兼容

GIF

map 循環數組中的每一項，然後進行相關的操作，相對於forEach來說，map有返回值，可以修改數組中某一項，IE678不兼容

GIF

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！