JS數組中常用的方法技巧有哪些

這篇文章主要講解了“JS數組中常用的方法技巧有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JS數組中常用的方法技巧有哪些”吧！

目錄

• splice()方法

• join()方法

• reverse()方法

• every()方法

• reduce()方法

• filter()方法

• findIndex()方法 和find()方法

• findIndex()

• find()

• forEach()方法

• some()方法

• indexOf（）方法

• sort （）方法

• push（）方法

• pop（）方法

• unshift（）方法

• shift（）方法

splice()方法

截取替換數組

第一個參數是起始位置，第二個是截取的個數，第三是替換的元素 ，返回值是截取的元素，原數組是剩余的元素。

join()方法

數組轉字符串

（）里的是以什么來連接，如果輸入空字符串join('')則直接拼接不分割

例如：

let aaa = [1,2,3]
let bbb = aaa.join('-')  
let ccc = aaa.join('0')  
console.log(bbb) // '1-2-3'
console.log(ccc) //'10203'

reverse()方法

翻轉數組

arr.reverse() 翻轉數組，返回值是翻轉好的數組

every()方法

查找數組不符合條件的

遍歷檢測數組的每一項 如果有一項不符合你定義的條件 則返回false 剩余的不再執行 ，只有每一項都符合條件 才返回true

第一個參數是數組的每一項，第二個是索引 第三個是當前數組

例：

arr:[121,3322,3215,3549,6899,46456]
arr.every(function(item,index,array){
    return item>2000  //檢測數組的每一個值是否大于2000
})	//結果是false 除非數組每個值都大于2000 才是true

reduce()方法

求累加的值

可以將前面數組項遍歷產生的結果與當前遍歷項進行運算

第一個參數是 累計器(保存第二個值返回回來的結果）prev

第二個值是當前正在處理的值（遍歷數組重頭到尾）cur

第三個索引 index

第四個當前數組 arr

第五個 初始值 （函數后面）init

例：

var arr = [3,9,4,3,6,0,9];
var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0);//由于初始值是0 也就是prev剛開始的值是0  索以運算起來就是  0+3=3  3+9=12  12+4=16 .... 每次得到的結果都會被prev存儲進行下一次運算 這就是最簡單的reduce求和

filter()方法

遍歷并篩選數組

第一個參數是數組的每一項，第二個是索引 第三個是當前數組

它會遍歷數組 按你定義的條件篩選你定義的條件 并且返回一個新數組，新數組里裝著所有滿足條件的元素

例：

var arr=[1,3,5,7,8]
var sum = arr.filter(function(value,index,arr){
    return value >3  //篩選arr數值中 大于3的元素 
})
console.log(sum) //返回的值是[5,7,8]

findIndex()方法 和find()方法

findIndex()

找出第一個滿足條件的數組成員的索引 找不到返回-1

對于空數組，函數是不會執行的并沒有改變數組的原始值。

find()

find()函數用來查找目標元素，找到就返回該元素，找不到返回undefined

查找函數有三個參數：

value：每一次迭代查找的數組元素。

index：每一次迭代查找的數組元素索引。

arr：被查找的數組。

forEach()方法

遍歷循環數組
第一個值是每個參數
第二個值是索引
第三個是數組本身
多用于遍歷數組里的元素

arr:[1,2,3]
arr.forEach(function(item,index,array){
console.log(item) //1,2,3
})

some()方法

檢測數組中的元素是否滿足條件，用于查找唯一的值 返回true 或false

var a = arr.some(function(item,index,array){
return item>3  //檢測是否有大于3的元素，有則返回true，沒有則返回false
})

只要找到一個滿足條件的元素則終止循環 在some里面 遇到了return trun 就會終止循環

indexOf（）方法

查找數組是否存在某個元素，返回下標。返回在數組中可以找到一個給定元素的第一個索引，如果不存在，則返回-1。
參數
第一個參數(必須):被查找的元素
第二個(可選):開始查找的位置(不能大于等于數組的長度，返回-1)，接受負值，默認值為0。
嚴格相等的搜索:
數組的indexOf搜索跟字符串的indexOf不一樣,數組的indexOf使用嚴格相等===搜索元素，即數組元素要完全匹配才能搜索成功。

sort （）方法

參數可選: 規定排序順序的比較函數。
默認情況下sort()方法沒有傳比較函數的話，默認按字母升序，如果元素不是字符串的話，會調用toString()方法將元素轉化為字符串的Unicode(萬國碼)位點，然后再比較字符。

// 字符串排列 首字母
var a = ["Banana", "Orange", "Apple", "Mango"];
a.sort(); // ["Apple","Banana","Mango","Orange"]
// 數字排序的時候 因為轉換成Unicode字符串之后，有些數字會比較大會排在后面
var a = [10, 1, 3, 20,25,8];
console.log(a.sort()) // [1,10,20,25,3,8];

push（）方法

push 向數組末尾添加新元素(可一次性添加多個)
返回值:新數組的length （長度）

const aa = [1,2,3]
aa.push(5,6)
console.log(aa) // [1,2,3,5,6]

pop（）方法

尾部刪除一個 返回值是被刪除的元素

unshift（）方法

頭部添加， 返回值是數組長度

shift（）方法

頭部刪除元素 返回值:被刪除的元素

感謝各位的閱讀，以上就是“JS數組中常用的方法技巧有哪些”的內容了，經過本文的學習后，相信大家對JS數組中常用的方法技巧有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！