ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

关于js数组方法filter()

2022-06-18 16:32:04  阅读:108  来源: 互联网

标签:newArr 代码 js filter 数组 方法 myArr


1. filter()

都是数组方法,这个方法和forEach()的方法的区别又是什么呢?

2. 先说结论

filter() 和 forEach() 都是遍历数组的方法,甚至它们匿名函数的形参都是一样的,
而区别就在于 filter()是专门用来筛选数组内容的,
调用了filter()方法的之后,是需要接收一下的。
比如说拿一个新的变量来接受一下,或者拿原来那个调用了filter()方法的数组变量来接收一下

3. 直接上代码吧

点击查看代码
    var myArr = [1, 2, 3]
    var newArr = myArr.filter(function(currentValue, index, array) {
      return currentValue > 1
    })
    console.log(newArr);

这段代码的意思,就是筛选myArr数组里面大于1的元素,然后用一个新的变量来接受filter()返回的结果

结果就是这么简单。

实际上filter方法一遍只用写一个参数,
也就是默认的第一个参数当前循环数组的项currentValue,
上面的代码精简写法如下:

点击查看代码
    var newArr = myArr.filter(item => {
      return item > 1
    })
    console.log(newArr);

同样的这里贴一个视频讲解地址:https://www.bilibili.com/video/BV1DY41177dM?p=40

标签:newArr,代码,js,filter,数组,方法,myArr
来源: https://www.cnblogs.com/saobo/p/16388617.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有