js的map、filter的用法

2020-04-01 10:14:02

filter是满足条件的留下，是对原数组的过滤；

map则是对原数组的加工，映射成一一映射的新数组

简单例子：

　　let arr = [1, 2, 3, 4]

　　let newArr = arr.map(function(item) {　　// 使用map方法

　　　　return item * 2;

　　});

　　console.log(newArr); // [2, 4, 6, 8]

　　let arr = [1, 2, 3, 4];

　　let newArr = arr.filter(function(item) {　　// 使用filter方法

　　　　if (item % 2 !== 0) {

　　　　　　return item;

　　　　 }

　　 });

　　console.log(newArr); // [1, 3];

　　let newArr = arr.filter( item => item % 2 !== 0)　　// 箭头函数不加{}自动return，加{}必须用return

　　console.log(newArr); // [1, 3];


  • 精彩推荐

  • 2019-12-29 15:05:57

    php 数组分页 array_slice()函数用法

    今天用到一个函数，非常好用，分享给大家 array_slice() -从数组中取出一段 也就是说用这个函数可以和sql语句一样实现分页，原理是将查询出的数组，取出从指定下标开始到指定长度的数组

  • 2019-12-30 10:17:21

    router-link传递参数，query

    在vue-router中，有两大对象被挂载到了实例this； $route（只读、具备信息的对象）； $router（具备功能的函数） 查询字符串： 去哪里 ？ <router-link :to="{name:'detail',query:{id:1}}"> xxx </router-link>

  • 2019-12-30 16:48:41

    vue provide/inject详解和用法

    父子组件交互方式多种，props、vuex、 、 emit、localStorage还有就是这个provide/inject了。它适合层级比较深的组件，比如子，子孙，子孙后代的组件有好几个用到父组件的某个属性，就可以用到这个provide/inject,它可以避免写大量繁琐的传值代码 我这里为什么要使用它？ 我一个知识库详情父组件中包含了大量的子组件，每个子组件都需要父组件的知识库ID,这时候我不想写大量props，就用到provide/inject进行传值了