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得到的还是数组。

 

 

又比如： 我们可以这么使用filter，在computed中：

     cartItems: function (state) {
        var that = this;
        return state.contentItems.filter(function (value, index) {
          return that.filterIndex(state.numbers).indexOf(index) !== (-1);
        });
      },

其中： 我们先用了filter，然后用自定义了一个函数，再判断一个元素是否在一个数组之中。

 

 

 

 

 

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

 

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

一

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

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

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

 

 

二、

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