javascript基礎系列：數(shù)組常用方法解析

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

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

數(shù)組及數(shù)組中常用方法

數(shù)組是對象類型的，屬于特殊的對象

let?ary?=?[

數(shù)組中常用的方法

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

1. 實現(xiàn)數(shù)組增刪改的方法

這一部分方法都會修改原有的數(shù)組

push

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

let?ary?=?[

unshift

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

let?ary?=?[

shift

shift：刪除數(shù)組中的第一項 @params @return 刪除的那一項

let?ary?=?[

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

pop：刪除數(shù)組中的最后一項 @params

@return 刪除的那一項

let?ary?=?[

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

let?ary?=?[

splice

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

let?ary?=?[

2. 數(shù)組的查詢和拼接

此組方法，原來數(shù)組不會改變

slice

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

let?ary?=?[

concat

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

let?ary1?=?[

3. 把數(shù)組轉化為字符串

原有數(shù)組不變

toString

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

let?ary?=?[

join

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

let?ary?=?[

4. 檢測數(shù)組中是否包含某一項

indexOf/lastIndexOf

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

let?ary?=?[

5. 數(shù)組的排序或者排列

reverse

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

let?ary?=?[

sort

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

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

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

6. 遍歷數(shù)組中的每一項方法

forEach

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

let?ary?=?[

map
filter
find
reduce
some
every

數(shù)組中的去重

1. 方案一

循環(huán)原有數(shù)組中的每一項，每拿到一項都往新數(shù)組中添加

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

let?ary?=?[

2. 方案二

先分別拿出數(shù)組中的每一項

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

var?ary?=?[

3. 數(shù)組中去重比較好的方法

let?ary?=?[

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

unique: 實現(xiàn)數(shù)組去重的方法 @params ary[Array]要去重的數(shù)組 @return [Array] 去重后的數(shù)組

function?unique(ary){

4. 基于ES6的Set去重方法

let?ary?=?[

總結

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

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