vue项目中 如何将这个方法提取

Question

this.List.forEach(item => {
          if (item.showName === 'api名称') {
            item.value.forEach(item => {
              xxxxx
            })
          }
        })

如上 多处用了这个两层遍历的方法，只有xxx部分不一样 ，如何将这个方法提出来，让代码更简洁

Answer 1

封装个函数呗：

function run(fn){
    this.List.forEach(item => {
      if (item.showName === 'api名称') {
        item.value.forEach(item => {
          fn && fn(item);
        })
      }
    })
}
//。。。。。
run(function(item){
    console.log(item)
    xxxxxx
});

Answer 2

把楼上的稍微改了一点

function run(list,fn){
    list.forEach(item => {
      if (item.showName === 'api名称') {
        item.value.forEach(item => {
          fn && fn(item);
        })
      }
    })
}
//。。。。。
run(this.List,item => {
    console.log(item)
    xxxxxx
});