JS - filter方法的使用

在项目中遇到的问题，记录下来，方便日后查阅和复习😁

1、作用

filter ->用于对数组进行过滤
创建一个新数组，包含通过所提供函数实现的测试的所有元素

⚠️filter()方法不会对空数组进行检测，不会改变原始数组

2、语法及参数及返回值

var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])
callback
  用来测试数组的每个元素的函数。
  返回 true 表示该元素通过测试，保留该元素，false 则不保留。它接受以下三个参数：
  element
  数组中当前正在处理的元素。
  index可选
  正在处理的元素在数组中的索引。
  array可选
  调用了 filter 的数组本身。
thisArg可选
执行 callback 时，用于 this 的值。
返回值：一个新的、由通过测试的元素组成的数组，如果没有任何数组元素通过测试，则返回空数组。

摘自 Array​.prototype​.filter() - JavaScript | MDN

3、项目中应用到的实例

// 引入自己创建的假数据
import itemsData from '../lib/newItemsData'
export default {
  data () {
    return {
      itemsData,
      itemId: this.$route.query.itemId //获取当前url下拼接的itemId值
    }
  },
  computed: {
    itemData () {
      // 过滤itemsData数据中的id值
      // 接收到的id和数据过滤后的id相等就返回当前数据
      let itemdata = this.itemsData.filter((item) => {
        return Number(item.sku_id) === Number(this.itemId)
      })[0]
      return itemdata
    }
  }
}

4、返回的数据如图

9043106-14df0058fc4bc81f.png