JS中map、filter、foreach区别

1.map() 

会根据提供的函数对指定序列做映射。第一个参数 function 以参数序列中的每一个元素调用 function 函数，返回包含每次 function 函数返回值的新列表，不会修改原来的数组。

let arr = [1, 22, 36, 56];
    let a = arr.map((item) => {
      if (item === 36) {return item}
      return null
    });
    console.log(a, "-", arr);

2.filter()

 函数用于过滤序列，过滤掉不符合条件的元素，返回由符合条件元素组成的新列表。该接收两个参数，第一个为函数，第二个为序列，序列的每个元素作为参数传递给函数进行判，然后返回 true 或 false，最后将返回 true 的元素放到新列表中，不会修改原来的数组

 let b = arr.filter((item) => {
      return item % 2 !== 0;  
    });
    console.log(b, "-", arr);

这是一个删选奇数的表达式打印结果如下：

3.forEach()
forEach()方法不会返回执行结果，而是undefined。也就是说，forEach()会修改原来的数组。

 let c=arr.forEach(el => {
      return el
    });
     console.log(c, "-", arr);

而我们用foreach的时候打印如下是一个undefined，