首页 > 编程语言 >【JavaScript】- map、forEach、filter之间的区别!

【JavaScript】- map、forEach、filter之间的区别!

时间:2023-03-02 11:44:24浏览次数:45  
标签:map 元素 JavaScript filter forEach 数组

map、forEach、filter这三者都可以遍历数组,他们之间有什么区别呢?

map():方法定义在JavaScript的Array中,它返回一个新的数组,数组中的元素为原始数组调用函数处理后的值
值得注意的是: 1、map()函数不会对空数组进行检测;
        2、map()函数不会改变原始数组,它形成的是 一个新的数组;
        3、不能抹除条件不成立的元素,下标对应位置会变成undefined

 

 

 

forEach:调用数组的每个元素,并将元素传递给回调函数。原数组不变。基本和for循环的原理一样

tip:它的语句结构里面不支持break、continue和return语句 ,break和continue会直接报错,不会读取return语句

 

 

filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。


 

 

 总结:

1、map、foreach、filter(value,index,arr)方法有三个参数,分别是 数组内容、数组索引、数组本身;
2、 都不会改变原数组;
3、map、filter 会返回新数组,foreach不会;
4、filter会过滤条件不成立的元素,map会把不成立的元素标记成undefined;


标签:map,元素,JavaScript,filter,forEach,数组
From: https://www.cnblogs.com/leng12/p/17171250.html

相关文章

  • PHP SPL SplFileInfo FilterIterator 轮询文件删除
    基于PHPspl遍历文件删除过期的日志文件 一.定义PHP类,限制文件扩展 RecursiveFileFilterIterator.class.php <?phpclassRecursiveFileFilterIteratorextend......
  • /dev/mapper/centos-root 磁盘空间爆满的解决办法
    1、df-h查看磁盘空间使用情况2、从根目录开始,du-sh*查看每个目录下的磁盘占用情况3、cd空间占用较大的目录,继续执行du-sh*,依次往下查找,找到可删除的大文件,并删......
  • java中listmap根据map某一字段排序公共方法
    /***List<Map>根据map字段排序**@paramlist*@paramfeild排序字段*@paramsortTyp排序方式desc-倒序asc-正序*@return......
  • JavaScript的Dom基本操作
    获取元素的方式:根据id名称获取   document.getElementById("id名称")根据元素类名获取    document.getElementsClassName("元素类名")根据元素标......
  • JavaScript 正则表达式
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *正则表达式 * [email protected] ......
  • JavaScript 包装类
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *基本数据类型 * StringNumberBoole......
  • JavaScript 字符串的相关方法
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> //创建一个字符串 varstr="HelloAtguigu"; ......
  • JavaScript forEach
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *一般我们都是使用for循环去遍历数组, ......
  • JavaScript 数组去重
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> //创建一个数组 vararr=[1,2,3,2,2,1,3,4......
  • JavaScript 数组的剩余方法
    <!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title></title> <scripttype="text/javascript"> vararr=["孙悟空","猪八戒","沙和尚"]; ......