map与forEach的嵌套遍历，如何返回一个数组?

Question

应用场景

一个表格的过滤筛选，可能涉及多个筛选条件，this.filter里面存的是所有筛选条件的v-model状态的一个对象，this.tableData是从后端获取的所有原始表格数据的数组，this.filteredTableData是过滤后的表格数据的数组。

代码

    filterTableData() {

      this.filteredTableData = this.tableData.map((item, index) => {

        Object.keys(this.filter).forEach(key => {

          if (this.filter[key] && item[key] && item[key] === this.filter[key]) {

            console.log(item)

            return item

          }

        })

      })

      console.log(this.filteredTableData)

      // this.paginateTableData()

    },

问题

这样写，会使得第二个console.log(this.filteredTableData)拿到一个全部是undefined的数组。这样的错误应该是因为forEach没法用return 跳出循环。
所以我想知道：

• 在使用map 且map内部最好不使用变量(使用也行吧，只是担心性能)的情况下，如何实现这个函数？

• 如果this.filteredTableData的数据量特别大，有没有什么更好的办法？

Answer 1

直接用 [].filter 啊...