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];


  • 2020-11-07 16:31:02

    nginx配置X-Frame-Options允许多个域名iframe嵌套

    有时候我们需要允许多个url的来源,但是又不能全部开放,所以应该匹配第三种方法ALLOW-FROM url,那么多个url该如何配置呢,百度了所有网站都没有找到,那么这里写给大家,其实很简单: add_header X-Frame-Options 'ALLOW-FROM https://xxx.xxxxxx.com https://xxx2.xxxxxxx.com'; 就是使用空格隔开就好了!

  • 2020-11-08 08:31:51

    meteor在不同端口启动服务

    当没有任何参数时,run是默认行为,在幕后,它3000端口开启node.js服务器实例,同时开启监听3001端口的MongoDB服务

  • 2020-11-11 15:05:39

    nuxt如何在其它js文件中使用store

    在新建的js文件中想用store里面的数据,比如token想在封装的axios里面,请求头里面去使用,亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。

  • 2020-11-12 14:01:46

    使用postMessage来实现父子通信跨域

    1.子向父,子postMessage,父监听message; 2.父向子,父postMessage,子监听message; 3.测试发现,子向父postMessage的时候,源可以写为‘*’,父向子postMessage的时候,源需要写成子的源,(也就是子页面的协议+主机号+端口) 测试代码部分:

  • 2020-11-12 14:24:39

    Object.entries()

    Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)