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

此篇文章講解目錄:

  • 數組的定義

  • 數組的length屬性

  • 數組的使用

  • 數組的方法

數組的定義

  • 構造函數模式

  • 數組字面量表示法

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

數組的length屬性

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

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

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

數組的使用

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

數組的方法

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

  • pop 刪除數組末尾的元素,返回刪除的內容,原有的數組改變;

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

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

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

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

  • splice

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

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

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

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

  • slice

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

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

  • slice(0) 數組克隆

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

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

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

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

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

  • toString 將數組轉化為字符串,原有的數組不變

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

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

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

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

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

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

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

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

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

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

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

大家好接下來我們會邀請前端架構師以連載的方式,通過30天的實戰系統講解JavaScript的專業知識,歡迎大家關注頭條號“互聯網IT信息”。


分享到:


相關文章: