javascript基礎系列：數組常用方法解析

今天是比較特殊的日子，我們編程人員共同的節日，1024，祝每個編程人員節日快樂！

數組是javascript必不可少的一項，今天讓我們來總結一下數組操作的一些常用方法。

數組及數組中常用方法

數組是對象類型的，屬于特殊的對象

let?ary?=?[

數組中常用的方法

• 方法的作用和含義
• 方法的實參(類型和含義)
• 方法的返回值
• 原來的數組是否發生改變

1. 實現數組增刪改的方法

這一部分方法都會修改原有的數組

push

push：向數組末尾添加內容 @params 多個任意類型 @return 新增后數組的長度

let?ary?=?[

unshift

unshift：向數組開始位置添加內容 @params 多個任意類型 @return 新增后數組的長度

let?ary?=?[

shift

shift：刪除數組中的第一項 @params @return 刪除的那一項

let?ary?=?[

基于原生js中的delete,把數組當成普通的對象，確實可以刪除掉某一項內容，但是不會影響數組本身的結構特點(length長度不會跟著修改)，真實項目中杜絕這樣的刪除使用
pop

pop：刪除數組中的最后一項 @params

@return 刪除的那一項

let?ary?=?[

基于原生js讓數組長度去掉一位，默認刪除最后一項

let?ary?=?[

splice

splice：實現數組的增加、刪除、修改 @params n, m都是數字， 從索引n開始刪除m個元素(m不寫，是刪除到末尾) n,m,x , 從索引n開始刪除m個元素,用x占用刪除的部分 n, 0, x從索引n開始，一個都不刪，把x放到索引n的前面 @return 把刪除的部分用新數組存儲起來返回

let?ary?=?[

2. 數組的查詢和拼接

此組方法，原來數組不會改變

slice

slice: 實現數組的查詢 @params n, m都是數字，從索引n開始，找到索引為m的地方(不包括m) @return 把找到的內容以一個新數組的形式返回

let?ary?=?[

concat

slice: 實現數組的拼接 @params 多個熱任意類型值 @return 拼接后新的數組(原來的數組不變)

let?ary1?=?[

3. 把數組轉化為字符串

原有數組不變

toString

toString: 把數組轉換為字符串 @params @return 轉換后的字符串,每一項用逗號分隔(原來的數組不變)

let?ary?=?[

join

join: 把數組轉換為字符串 @params 指定的分隔符(字符串格式) @return 轉換后的字符串,每一項用指定分隔符分隔(原來的數組不變)

let?ary?=?[

4. 檢測數組中是否包含某一項

indexOf/lastIndexOf

indexOf/lastIndexOf: 檢測當前項在數組中第一次或者最后一次索引值，(在ie6-8中不兼容) @params 要檢索的這一項內容 @return 這一項出現的位置索引值(數字)，如果數組中沒有這一項，返回的結果是-1

let?ary?=?[

5. 數組的排序或者排列

reverse

reverse：把數組倒過來排列 @return 排列后的新數組，原來的數組改變

let?ary?=?[

sort

sort：實現數組的排序 @params 可以沒有，也可以是個函數 @return 排列后的新數組，原來的數組改變

如果不傳參數，是無法處理10以上的數字排序(它默認都是按照第一個字符來排)

//?想要實現多位數正常排序，需要給sort傳遞一個函數，函數中返回a-b升序，返回b-a實現降序

6. 遍歷數組中的每一項方法

forEach

forEach: 遍歷數組中的每一項內容 @params 回調函數 @return 原來的數組不變

let?ary?=?[

map
filter
find
reduce
some
every

數組中的去重

1. 方案一

循環原有數組中的每一項，每拿到一項都往新數組中添加

添加之前驗證新數組中是否存在這一項，不存在再增加

let?ary?=?[

2. 方案二

先分別拿出數組中的每一項

用這一項和它后面的每一項依次進行比較，如果遇到和當前項相同的，則在原來數組中把這一項從數組中刪除，用splice方法

var?ary?=?[

3. 數組中去重比較好的方法

let?ary?=?[

基于splice實現刪除性能不好：當前項被刪除后，后面的每一項的索引都要向前提一位，如果后面內容過多，一定影響性能
實現數組去重的方法

unique: 實現數組去重的方法 @params ary[Array]要去重的數組 @return [Array] 去重后的數組

function?unique(ary){

4. 基于ES6的Set去重方法

let?ary?=?[

總結

以上是生活随笔為你收集整理的es6删除数组某一项_javascript基础系列：数组常用方法解析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。