数组声明式系列方法:map、reduce、filter、some等的实现

map()

  Array.prototype.myMap = function (callback) {
    const arr = []
    // 遍历当前数组每个元素, 调用callback得到一个结果数据, 添加arr
    for (let index = 0; index < this.length; index++) {
      const element = this[index];
      const result = callback(element, index)
      arr.push(result)
    }
    return arr
  }

  // 定义数组 
  const arr = [55,22,11,33,44]
  //  map(callback),接收一个函数为参数,返回一个加工后的新数组
  const res = arr.myMap((item,index) => item + 10)
  // 打印
  console.log(res)

reduce()

  Array.prototype.myReduce = function (callback, initValue) {
    // 结果为初始值
    let total = initValue
    // 遍历当前数组每个元素, 调用callback得到结果数据,以供下一次计算
    for (let index = 0; index < this.length; index++) {
      const element = this[index];
      // 使用total保存每次回调返回的值
      total = callback(total, element, index)
    }

    // 返回结果
    return total
  }

  // 定义数组 
  const arr = [55,22,11,33,44]
  // 使用
  const res = arr.myReduce((pre,item) => pre *= item)
  // 打印
  console.log(res)

filter()

 Array.prototype.myFilter = function (callback) {
    const arr = []
    // 遍历当前数组每个元素
    for (let index = 0; index < this.length; index++) {
      const element = this[index];
      // 调用callback得到一个布尔值
      const result = callback(element, index)
      // 如果为true, 将当前element添加到arr
      if (result) {
        arr.push(element)
      }
    }
    // 返回这个数组
    return arr
    } 
    // 定义数组 
    const arr = [55,22,11,33,44]
    // 使用
    const resArr = arr.myFilter((item,index)=>{
      console.log(item,index)
      return item > 2
    }) 

    // 打印
    console.log(res)

find()

    Array.prototype.myFind = function(callback) {
      // 判断参数是否是function,如果不是就抛出提示
      if(typeof callback !== 'function') {
        throw 'argument must be a function'
      }
      // 循环遍历数组 this表示当前数组实例
      for(let i = 0; i < this.length; i++) {
        // 得到当前遍历元素
        const element = this[i]
        // 得到函数调用的返回值
        const result = callback(element,i)
        // 一找到就返回该元素
        if(result) return element
      }
      // 没有找到就返回undefined
      return undefined
    }
    // 定义数组 
    const arr = [55,22,11,33,44]
    // 使用
    const res = arr.myFind((item,index)=> item===3)
    // 打印
    console.log(res)

findIndex()

    Array.prototype.myFindIndex = function(callback) {
      // 判断参数是否是function,如果不是就抛出提示
      if(typeof callback !== 'function') {
        throw 'argument must be a function'
      }
      // 循环遍历数组 this表示当前数组实例
      for(let i = 0; i < this.length; i++) {
        // 得到当前遍历元素
        const element = this[i]
        // 得到函数调用的返回值
        const result = callback(element,i)
        // 一找到就返回该元素的下表
        if(result) return i
      }
      // 没有找到就返回-1
      return -1
    }
    // 定义数组 
    const arr = [55,22,11,33,44]
    // 使用
    let res = arr.myFindIndex((item,index)=> item===3)
    // 打印
    console.log(res)

every()

    Array.prototype.myEvery = function(callback) {
      // 判断参数是否是function,如果不是就抛出提示
      if(typeof callback !== 'function') {
        throw 'argument must be a function'
      }
      // 循环遍历数组 this表示当前数组实例
      for(let i = 0; i < this.length; i++) {
        // 得到当前遍历元素
        const element = this[i]
        // 得到函数调用的返回值
        const result = callback(element,i)
        // 有一个false就返回false
        if(!result) return false
      }
      // 都是true返回true
      return true
    }
    // 定义数组 
    const arr = [55,22,11,33,44]
    // 使用
    const res = arr.myEvery((item,index)=>{
      return item > 0
    })
    // 打印
    console.log(res)

some()

    Array.prototype.mySome = function(callback) {
      // 判断参数是否是function,如果不是就抛出提示
      if(typeof callback !== 'function') {
        throw 'argument must be a function'
      }
      // 循环遍历数组 this表示当前数组实例
      for(let i = 0; i < this.length; i++) {
        // 得到当前遍历元素
        const element = this[i]
        // 得到函数调用的返回值
        const result = callback(element,i)
        // 如果有就返回true
        if(result) return true
      }
      // 都没有返回false
      return false
    }
    // 定义数组 
    const arr = [55,22,11,33,44]
    // 使用
    const res = arr.mySome((item,index)=>{
      return item = 2
    })
    // 打印
    console.log(res)

forEach()

    Array.prototype.myForEach = function(callback) {
      // 判断参数是否是function,如果不是就抛出提示
      if(typeof callback !== 'function') {
        throw 'argument must be a function'
      }
      // 循环遍历数组 this表示当前数组实例
      for(let i = 0; i < this.length; i++) {
        const element = this[i]
        callback(element,i)
      }
    }
    // 定义数组 
    const arr = [55,22,11,33,44]
    // 使用
    arr.myForEach((item,index)=>{
      console.log(item,index)
    })
    // 打印
    console.log(res)