首页 > 代码库 > vuex中filter的使用 && 快速判断一个数是否在一个数组中

vuex中filter的使用 && 快速判断一个数是否在一个数组中

vue中filter的使用

    computed: mapState({      items: state => state.items.filter(function (value, index, arr) {        return  index < 5      })    }),

 

如上所示,对于vuex,我们在使用mapState获取state时, 可以使用filter来过滤其中的元素,在filter的回调函数中接受三个参数,第一个是value,即每一个元素的值; 第二个是index, 即每一个元素所在的index, 第三个参数是arr,即这个数组本身。 在上面的例子中,我们最终获取到了 index < 5 的01234四个元素组成的数组,显然, filter得到的还是数组。

 

 

 

 

快速判断一个数是否在一个数组中

 

有下面几种方法可以实现:

[54, 45, 85, 6].indexOf(6) !== -1

上述表达式如果返回的不是-1, 就说明满足,比如上面的例子返回的时3所以属于。

这是判断一个数是否在一个数组中最快的方法。

 

 

二、

  使用[5, 2, 63, 8].includes(5), 如果返回true,则表明包含,但是includes在一些浏览器中并不支持,所以不能使用。

 

 

 

 

 

 

 

 

 

vuex中filter的使用 && 快速判断一个数是否在一个数组中