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-01-04 08:14:56

    input上传图片,获取图片上传尺寸

    onchange触发,获取当前file对象(这里可以获取图片的大小、类型、修改时间等) reader去读取文件 塞到页面,获取图片的宽高 移出图片节点

  • 2020-01-04 08:19:28

    flex 布局子内容p元素被撑开

    父元素 flex 布局,子元素有一行文字,将其设置为不换行隐藏后显示省略号,但实际并不是想象的那样,而导致布局变形。改怎么办?

  • 2020-01-04 18:44:26

    vue中computed源码,工作原理

    (Obeject.defineProperty是Object的一个方法,第一个参数是对象名称,第二个参数是要设置的属性名,第三个参数是一个对象,它可以设置这个属性是否可修改、可写等,而这篇文章主要使用的是Obeject.defineProperty的访问器属性,感兴趣的朋友可以自行google或者查看Js高及程序设计)

  • 2020-01-06 23:02:42

    Updating Homebrew... 更新了镜像依然卡死

    使用brew install [软件包]安装软件包时,卡在Updating Homebrew... 或输入`brew update`更新brew,半天没反应.产生原因一般是在国内访问官方 更新源获取资源太慢,解决方案可以采用更换国内镜像更新源.

  • 2020-01-07 10:06:00

    vue重定向beforeRouterEnter与replace的使用

    一个登录页面,只有第一次才会出现,一旦出现过,以后再也不会出现,即使是输入该页面的url也不会跳转到该页面,只会跳转到指定的其他页面;