蓝桥杯前端Web赛道-寻找小狼人

蓝桥杯前端Web赛道-寻找小狼人

题目链接：0寻找小狼人 - 蓝桥云课 (lanqiao.cn)

题目要求：

其实通过题目要求以及题目中提供的gif可知，该题就是需要我们手动写出能够代替filter函数的函数

我们先分析题目给出的代码：

        let newcardList = cardList.myarray(
          (item) => item.category == "werewolf"
        );

在84行左右提供了这样一段代码

回忆一下原先filter函数是怎么使用的

const words = ['spray', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter((word) => word.length > 6);

filter的括号里提供的是一个回调函数，这个回调函数会返回true或者false 然后再通过一些逻辑，真正完成过滤的要求

根据提供的代码对比，我们就能知道

 (item) => item.category == "werewolf"

以上代码就是条件，满足这个条件就会返回true 否则 则是false

由于filter函数返回的是一个新数组，所以我们还需要在内部定义一个新数组

// 返回条件为真的新数组
Array.prototype.myarray = function (cb) {
  // TODO：待补充代码
    let arr = []
};

题目中的cb就是这个新数组应该满足的条件,我们可以通过这个回调函数的特性来进行过滤。

首先我们需要把数组的每一项进行遍历

Array.prototype.myarray = function (cb) {
  // TODO：待补充代码
   let arr = []
  this.forEach((item,index)=>{
  })
};

这个地方为什么使用this呢，因为谁调用这个myarray函数那么this就指向谁

题目中调用myarray函数的是cardList这个数组，于是此时的this，其实就是cardList

然后我们利用回调函数进行判断，最后返回新的数组

// 返回条件为真的新数组
Array.prototype.myarray = function (cb) {
  // TODO：待补充代码

  let arr = []
  this.forEach((item,index)=>{
    if(cb(this[index])){
      arr.push(item)
    }
  })
  return  arr;
};

这里的

if(cb(this[index])){
    arr.push(item)
}

意思就是，传入当前元素到cb里，如果cb返回true则证明当前元素满足要求，将当前元素添加到结果数组arr中

至此完成本题要求