JavaScript常用數組操作方法(補充)

1、concat()
concat() 方法用於連接兩個或多個數組。該方法不會改變現有的數組,僅會返回被連接數組的一個副本。
在這裏插入圖片描述
2、join()
join() 方法用於把數組中的所有元素放入一個字符串。元素是通過指定的分隔符進行分隔的,默認使用’,'號分割,不改變原數組。
在這裏插入圖片描述
3、push()
push() 方法可向數組的末尾添加一個或多個元素,並返回新的長度。末尾添加,返回的是長度,會改變原數組。
在這裏插入圖片描述
4、pop()
pop() 方法用於刪除並返回數組的最後一個元素。返回最後一個元素,會改變原數組。
在這裏插入圖片描述
5、shift()
shift() 方法用於把數組的第一個元素從其中刪除,並返回第一個元素的值。返回第一個元素,改變原數組。
在這裏插入圖片描述
6、unshift()
unshift() 方法可向數組的開頭添加一個或更多元素,並返回新的長度。返回新長度,改變原數組。
在這裏插入圖片描述
7、slice()
返回一個新的數組,包含從 start 到 end (不包括該元素)的 arrayObject 中的元素。返回選定的元素,該方法不會修改原數組。
在這裏插入圖片描述
8、splice()
splice() 方法可刪除從 index 處開始的零個或多個元素,並且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的數組。splice() 方法會直接對數組進行修改。
在這裏插入圖片描述
9、substring() 和 substr()
相同點:如果只是寫一個參數,兩者的作用都一樣:都是是截取字符串從當前下標以後直到字符串最後的字符串片段。
substr(startIndex);
substring(startIndex);
在這裏插入圖片描述
不同點:第二個參數
substr(startIndex,lenth): 第二個參數是截取字符串的長度(從起始點截取某個長度的字符串);
substring(startIndex, endIndex): 第二個參數是截取字符串最終的下標 (截取2個位置之間的字符串,‘含頭不含尾’)。
在這裏插入圖片描述
10、sort 排序
按照 Unicode code 位置排序,默認升序
在這裏插入圖片描述
11、reverse()
reverse() 方法用於顛倒數組中元素的順序。返回的是顛倒後的數組,會改變原數組。
在這裏插入圖片描述
12、indexOf 和 lastIndexOf
都接受兩個參數:查找的值、查找起始位置
不存在,返回 -1 ;存在,返回位置。indexOf 是從前往後查找, lastIndexOf 是從後往前查找。
indexOf
在這裏插入圖片描述
lastIndexOf
在這裏插入圖片描述
13、every
對數組的每一項都運行給定的函數,每一項都返回 ture,則返回 true
在這裏插入圖片描述
14、some
對數組的每一項都運行給定的函數,任意一項都返回 ture,則返回 true
在這裏插入圖片描述
15、filter
對數組的每一項都運行給定的函數,返回 結果爲 ture 的項組成的數組
在這裏插入圖片描述
16、map
對數組的每一項都運行給定的函數,返回每次函數調用的結果組成一個新數組
在這裏插入圖片描述
17、forEach 數組遍歷
在這裏插入圖片描述


ES6新增新操作數組的方法

1、find():

傳入一個回調函數,找到數組中符合當前搜索規則的第一個元素,返回它,並且終止搜索。
在這裏插入圖片描述

2、findIndex():

傳入一個回調函數,找到數組中符合當前搜索規則的第一個元素,返回它的下標,終止搜索。
在這裏插入圖片描述

3、fill():

用新元素替換掉數組內的元素,可以指定替換下標範圍。
在這裏插入圖片描述

4、from

將類似數組的對象(array-like object)和可遍歷(iterable)的對象轉爲真正的數組
在這裏插入圖片描述

5、of

用於將一組值,轉換爲數組。這個方法的主要目的,是彌補數組構造函數 Array() 的不足。因爲參數個數的不同,會導致 Array() 的行爲有差異。
在這裏插入圖片描述

6、includes

判斷數組中是否存在該元素,參數:查找的值、起始位置,可以替換 ES5 時代的 indexOf 判斷方式。indexOf 判斷元素是否爲 NaN,會判斷錯誤。
在這裏插入圖片描述

                                </div>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章