數組的迭代器方法

array.forEach()

  • array:數組
  • for:為了......
  • Each:每一個

定義:方法按順序為數組中的每個元素調用一次函數

語法:

array.forEach(function(currentValue, index, arr), thisValue)
  • function:是一個函數
    • 當執(zhí)行forEach()方法的時候,每個數組元素都會調用一次函數參數
    • 在調用函數的時候,可以傳入以下參數:
      • currentValue:數組中的每一個元素
      • index:表示數組的索引
      • arr:表示當前數組
  • thisValue:設置this指向

實例:

var arr = [1,2,3]

arr.forEach(function(x,index,arr){
           console.log(this)
        },'np')

//打印出來的是np

返回值:undefined

實例:

var arr = [1,2,3]

arr.forEach(function(x,index,arr){
            arr[index] = x+3
        })
console.log(arr)//返回[4,5,6]

array.map()

定義:方法按順序為數組中的每個元素調用一次函數

語法:

array.map(function(currentValue, index, arr), thisValue)
  • function:是一個函數
    • 當執(zhí)行map()方法的時候,每個數組元素都會調用一次函數參數
    • 在調用函數的時候,可以傳入以下參數:
      • currentValue:數組中的每一個元素
      • index:表示數組的索引
      • arr:表示當前數組
  • thisValue:設置this指向

返回值:數組

實例:

var arr = [1,2,3]

console.log(arr.map(function(x,index,arr){
        return   arr[index] = x+3
        }))//返回[4,5,6]

array.filter()

定義:方法創(chuàng)建數組,且按順序為數組中的每個元素調用一次函數

語法:

array.filter(function(currentValue, index, arr), thisValue)
  • function:是一個函數
    • 當執(zhí)行filter()方法的時候,每個數組元素都會調用一次函數參數
    • 在調用函數的時候,可以傳入以下參數:
      • currentValue:數組中的每一個元素
      • index:表示數組的索引
      • arr:表示當前數組
  • thisValue:設置this指向

返回值: 包含所有通過測試的數組元素的數組。如果沒有元素通過測試,則返回一個空數組。

實例:

var arr = [1,2,3]

console.log(arr.filter(function(x,index,arr){
        return   arr[index] > 2
        }))//返回[3]

array.every()

定義:檢測數組中的所有元素是否通過測試

語法:

array.every(function(currentValue, index, arr), thisValue)
  • function:是一個函數
    • 當執(zhí)行every()方法的時候,每個數組元素都會調用一次函數參數
    • 在調用函數的時候,可以傳入以下參數:
      • currentValue:數組中的每一個元素
      • index:表示數組的索引
      • arr:表示當前數組
  • thisValue:設置this指向

返回值: true 或者 false

實例:

var arr = [1,2,3]

console.log(arr.every(function(x,index,arr){
        return   arr[index] > 2
        }))//返回false

array.find()

定義:為數組內每個元素進行一次函數

語法:

array.find(function(currentValue, index, arr), thisValue)
  • function:是一個函數
    • 當執(zhí)行find()方法的時候,每個數組元素都會調用一次函數參數
    • 在調用函數的時候,可以傳入以下參數:
      • currentValue:數組中的每一個元素
      • index:表示數組的索引
      • arr:表示當前數組
  • thisValue:設置this指向

返回值:返回數組中通過第一次測試的元素,沒有就返回undefined

實例:

var arr = [1,2,3]

console.log(arr.find(function(x,index,arr){
        return   x >= 2
        }))//返回[2]

array.findIndex()

定義:按順序為數組中的每個元素調用一次函數

語法:

array.findIndex(function(currentValue, index, arr), thisValue)
  • function:是一個函數
    • 當執(zhí)行findIndex()方法的時候,每個數組元素都會調用一次函數參數
    • 在調用函數的時候,可以傳入以下參數:
      • currentValue:數組中的每一個元素
      • index:表示數組的索引
      • arr:表示當前數組
  • thisValue:設置this指向

返回值: 返回數組中第一次通過測試的元素的索引。沒有返回-1

實例:

var arr = [1,2,3]

console.log(arr.findIndex(function(x,index,arr){
        return  x > 2
        }))//返回2

array.reduce()

定義:從左到右,將數組中的值進行縮減到一個值

語法:

array.reduce(function(sum,iteam, index, arr), 初始值)
  • 參數function(total, currentValue, currentIndex, arr) 必須
    • total 必須
    • currenValue 必須
  • 初始值:非必須,作為第一個值

返回值:返回歸并之后得到的值

實例:

var numbers = [175, 50, 25];
console.log(numbers.reduce(function(a,b){
    return a - b
})
            //打印 100

array.reduceRight()

定義:從右到左,將數組中的值進行縮減到一個值

語法:

array.reduceRight(function(sum,iteam, index, arr), 初始值)
  • 參數function(total, currentValue, currentIndex, arr) 必須
    • total 必須
    • currenValue 必須

返回值:返回歸并之后得到的值

實例:

var numbers = [175, 50, 25];
console.log(numbers.reduceRight(function(a,b){
    return a - b
}))
            //打印 -200

array.some()

定義:檢測數組中的一些元素是否通過測試

語法:

array.some(function(currentValue, index, arr), thisValue)
  • function:是一個函數
    • 當執(zhí)行some()方法的時候,每個數組元素都會調用一次函數參數
    • 在調用函數的時候,可以傳入以下參數:
      • currentValue:數組中的每一個元素
      • index:表示數組的索引
      • arr:表示當前數組
  • thisValue:設置this指向

返回值: true 或者 false 有一個符合就返回true

實例:

var arr = [1,2,3]

console.log(arr.some(function(x,index,arr){
        return   arr[index] > 2
        }))//返回true
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容