JS陣列常用方法之好用的很

2021-10-06 11:05:49 字數 2994 閱讀 8908

一、專門用來運算元組的方法

1. push() 方法

作用: 向陣列的後面追加資料

語法: 陣列.push(你要追加的資料1, 你要追加的資料2, ...)

返回值: 追加完畢資料以後, 陣列的長度

2. pop() 方法

作用: 刪除陣列的最後乙個資料

語法: 陣列.pop()

返回值: 被刪除的那個資料

3. unshift() 方法

作用: 向陣列的最前面新增資料

語法: 陣列.unshift(你要新增的資料1, 你要新增的資料2, ...)

返回值: 新增完畢資料以後, 陣列的長度

4. shift() 方法

作用: 刪除陣列的最前面乙個資料

語法: 陣列.shift()

返回值: 被刪除的那個資料

5. reverse() 方法

作用: 是反轉陣列

語法: 陣列.reverse()

返回值: 反轉後的陣列

6. sort() 方法

作用: 給陣列進行排序

語法:1. 陣列.sort() -> 按照一位一位來看進行排序的

2. 陣列.sort(function (a, b) ) -> 按照從小到大公升序排列

陣列.sort(function (a, b) ) -> 按照從大到小降序排列

返回值: 排序好的陣列

7. splice() 方法

作用:1. 擷取陣列

2. 擷取陣列以後, 在擷取位置替換新的內容

語法:1. 陣列.splice(從哪個索引開始, 擷取多少個)

2. 陣列.splice(從那個索引開始, 擷取多少個資料, 你要填充的資料1, 你要填充的資料2, ...)

從哪個索引開始擷取, 從哪個索引開填充

返回值: 被擷取出來的內容(返回值一定是乙個陣列)

不管你擷取多少個資料, 返回的陣列裡面就有多少個被擷取出來的資料

如果你乙個都不刪除, 返回的就是乙個空陣列

8. slice() 方法

作用: 在不改變(影響)原始陣列的基礎上, 從陣列裡面提取出一段內容

語法:1. 陣列.slice(從哪乙個索引開始, 到哪乙個索引結束) - 包前不包後

2. 陣列.slice(從哪乙個索引開始, 負整數) - 包前不包後

負整數 等價於 (陣列的length + 負整數)

返回值: 你提取出來的資料(一定是乙個陣列)

如果你沒有提取資料, 那麼陣列裡面就是空陣列

9. concat() 方法

作用: 解釋把多個陣列連線在一起, 變成乙個新的陣列, 不影響原始陣列

語法: 陣列.concat(你要連線的資料或者陣列1, 你要連線的資料或者陣列2, ...)

返回值: 把所有的引數都連線到第乙個陣列身上, 返回乙個連線好的新陣列

10. join() 方法

作用: 是把陣列裡面的每乙個資料組合起來, 變成乙個字串

語法: 陣列.join('你要連線每乙個資料的連線內容')

引數: 如果你不傳遞引數, 預設使用 逗號(,) 進行連線

返回值: 一定是乙個字串

就是用你提供的連線內容來連起來以後的字串

二、es5 的陣列常用方法(掌握)

1. indexof() 方法

作用: 查詢陣列中有沒有某乙個資料(按照索引正序查詢 0 1 2 3 ...)

語法:陣列.indexof(要查詢的資料)

陣列.idnexof(要查詢的資料, 從哪乙個索引開始)

第二個引數不寫預設是 0

返回值: 是乙個數字

如果有你要查詢的資料, 那麼返回的是第乙個找到的資料的索引

如果沒有你要查詢的資料, 那麼返回的是 -1

2. lastindexof() 方法

作用: 查詢陣列中有沒有某乙個資料(按照索引倒敘查詢 9 8 7 6 ...)

語法:陣列.lastindexof(你要查詢的資料)

陣列.lastindexof(你要查詢的資料, 從哪乙個索引開始)

返回值: 是乙個數字

如果找到你要查詢的資料了, 那麼就返回第乙個找到的資料的索引

如果沒有找到你要查詢的資料, 那麼就返回 -1

3. foreach() 方法

作用: 就是用來迴圈遍歷陣列的, 等價於 for 迴圈遍歷陣列的地位

語法:陣列.foreach(function (item, index, arr) {})

返回值: 沒有

4. map() 方法

作用: 對映乙個陣列, 把原始陣列裡面的每乙個資料對映倒新陣列裡面返回

語法:陣列.map(function (item, index, arr) {})

返回值: 就是乙個新的陣列

裡面的每一項始從原始陣列中對映過來的

5. filter() 方法

作用: 把原始陣列裡面滿足條件的資料過濾出來, 放在乙個新陣列裡面

語法:陣列.filter(function (item, index, arr) {})

返回值: 就是乙個新的陣列

裡面的每一項都是從原先陣列中過濾出來的

6. every() 方法

作用: 就是判斷陣列裡面是不是 **每乙個** 都是符合條件的

語法:陣列.every(function (item, index, arr) {})

返回值: 是乙個布林值

如果陣列裡面所有的資料都是滿足條件的, 那麼返回 true

只要陣列裡面有任意乙個不滿足條件, 那麼返回 false

7. some() 方法

作用: 就是判斷陣列裡面是不是 **某乙個** 是符合條件的

語法:陣列.some(function (item, index, arr) {})

返回值: 是乙個布林值

如果陣列裡面有任何乙個是滿足條件的, 那麼返回 true

只有陣列裡面所有的都不滿足條件的時候, 返回 false

JS學習之陣列常用方法

push 方法可向陣列的末尾新增乙個或多個元素,並返回新的長度。var arr 1,3,5 arr.push 7 結果變成 1,3,5,7 unshift 方法可向陣列的開頭新增乙個或更多元素,並返回新的長度 var arr 1,3,5 arr.unshift 0 結果變成 0,1,3,5 pop ...

js陣列的常用方法

陣列可以用new的方式也可以用字面量來定義。var arr1 new array var arr2 1,2,aa new date true alert arr1.length alert arr2 會自動轉換成string,效果等同於 arr2.tostring 從尾部 push和pop var ...

js陣列的常用方法

一 新增 刪除 push 向陣列的末尾新增乙個或多個元素,並返回新陣列的長度 pop 刪除陣列的最後乙個元素,並返回被刪除的元素 shift 刪除陣列的第乙個元素,並返回被刪除的元素 unshift 向陣列的開頭新增乙個或多個元素,並返回新陣列的長度 concat 連線兩個或多個陣列,不會改變原陣列...