陣列方法

高階函式

高階函式是對其他函式進行操作的函式,可以將它們作為引數或通過回傳它們.

高階函式是一個函式,它接收函式作為引數或者將函式作為輸出回傳

forEach 方法回圈

用法: 遍歷陣列,可以對每個值做一些操作
引數用法:
1. 引數1:必需;當前的元素(類似于,for 回圈中的 i)
2. 引數2:可選;當前遍歷元素的索引值
3. 引數3:可選;當前元素所屬的陣列物件

var arr = ['a','b','c','d']
//普通寫法
arr.forEach(function(ele,i,array){
    console.log(ele); //當前的元素
    console.log(i); //當前的元素的索引值
    console.log(array); //當前的元素的陣列物件
})
//箭頭函式
arr.forEach((ele,i,array)=>{
    console.log(ele); //當前的元素
    console.log(i); //當前的元素的索引值
    console.log(array); //當前的元素的陣列物件
})

map 方法執行操作
- 用法:對陣列中的每一個元素運行指定函式,回傳每次呼叫函式的結果,將其組成一個新陣列
- 特點:不改變元陣列,回傳一個新陣列
- 注意:
  1. map 不會對空陣列進行檢測
  2. map 不會改變原陣列
- 引數用法:
  1. 引數1:必需;當前的元素(類似于,for 回圈中的 i)
  2. 引數2:可選;當前遍歷元素的索引值
  3. 引數3:可選;當前元素所屬的陣列物件
- ```
var arr = ['1','2','3','4']
var fresh =  arr.forEach((ele,i,array)=>{
  	return ele*2  //對每個元素乘2
})
```

filter 方法過濾

用法:對陣列中的元素進行過濾篩選,將滿足條件的元素組成新陣列回傳
特點:將滿足條件的元素回傳新陣列
引數用法:
1. 引數1:必需;當前的元素(類似于,for 回圈中的 i)
2. 引數2:可選;當前遍歷元素的索引值
3. 引數3:可選;當前元素所屬的陣列物件

//寫法一
var arr = ['張三','李四','王五','張三豐','王小六'];
var fresh = arr.filter((ele,i,array)=>{
    return /^王/.test(ele) //篩選出所有姓王的名字
}) 
//寫法二
var ages = [32,33,55,16,8,40];
function fn(age){
    return age >= 18
}
var greater = ages.filter(fn)

some 方法判斷回傳布林值
- 用法: 查找陣列中是否有滿足指定條件的元素,然后回傳布林值
- 引數用法:
  1. 引數1:必需;當前的元素(類似于,for 回圈中的 i)
  2. 引數2:可選;當前遍歷元素的索引值
  3. 引數3:可選;當前元素所屬的數組物件
- ```
//資料復雜時,使用比較好
var isHas = arr.some((ele)=>{
    return ele.屬性 > 10
})
```
from 方法陣列轉換
- 用法:把類陣列轉換為真正的淺拷貝陣列,回傳轉換后的新陣列
- 引數:
  1. 引數1: 要轉換的資料(類陣列)
  2. 引數2:回呼函式,用來對每個元素進行操作,將處理好的值放入新的陣列中
- ```
 var arr = Array.from('123456',(ele)=>{
     return ele*2
 })
 console.log(arr)
```
find 方法查找元素,
- 用法:查找滿足添加的第一個元素,回傳該元素
- 注意:找到第一個滿足的條件時,就不會在繼續查找其他元素
- 引數用法:
  1. 引數1:必需;當前的元素(類似于,for 回圈中的 i)
  2. 引數2:可選;當前遍歷元素的索引值
  3. 引數3:可選;當前元素所屬的陣列物件
- ```
 var arr = [55,10,3,6,88,22]
 var item = arr.find((ele,i,array)=>{
     return ele > 11
 })
```
findIndex 方法查找回傳索引
- 用法:查找滿足條件的第一個索引,回傳該元素的索引
- 注意:找到第一個滿足的條件時,就不會在繼續查找其他元素
- 引數用法:
  1. 引數1:必需;當前的元素(類似于,for 回圈中的 i)
  2. 引數2:可選;當前遍歷元素的索引值
  3. 引數3:可選;當前元素所屬的陣列物件
- ```
 var arr = [55,10,3,6,88,22]
 var item = arr.findIndex((ele,i,array)=>{
     return ele > 11
 })
```
includes 方法查找元素
- 用法:判斷陣列中是否包含某個指定元素,找到回傳true,否則回傳false
- ```
 var arr = ['a','b','c'];
 var isHas = arr.includes('c')
```
- 字串中也有該方法

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/389184.html

標籤：其他

上一篇：最常見前端面試必看整理（持續更新）

下一篇：動態獲取本地json檔案，渲染為表格-前端html+css+javascript，nth-child選擇器，實時瀏覽插件，vscode，ajax

JavaScript陣列方法-高階函式

陣列方法

高階函式