forEach,filter,map的区别

1. forEach()

forEach():用于遍历数组，没有返回值，原数组不会改变，和for循环的原理一样
forEach()方法有三个参数，分别是数组内容、数组索引、数组本身
注意：伪数组不能使用forEach来遍历

// 1.遍历出数组的每一项
 let array=[1,2,3,4,5,6]
    array.forEach(item=>{
        console.log(item); // 1 2 3 4 5 6
    })

// 2.遍历出数组的每一项、对应的索引值和原数组
 let arr = ['张三', '李四', '王五', '赵六', '隔壁', '老王']
    arr.forEach((value, index, arr)=>{
        console.log(value,index,arr);// value数组的每一项 index每一项对应的下标 arr原数组
    })

2. map()

map():用于遍历数组，有返回值，根据回调里的返回值返回一个新数组

map() 函数的参数 一般参数是一个回调函数
array.map(item, index, arr => {
item 是当前操作的元素
index 是操作元素的下标
arr 是需要被操作的元素
（需要哪些参数就传入哪个）

 // 1.让数组的每一个元素都*2
  let arr = [9, 8, 7, 6, 5, 4, 3]
    let newArr = arr.map(val => {
        return val * 2
    })
    console.log(newArr); // [18, 16, 14, 12, 10, 8, 6]

// 2.求出数组中每个元素的平方
  let arr = [1, 2, 3, 4, 5]
    let newArray = arr.map(item => {
        return item * item
    })
    console.log(newArray); // [1, 4, 9, 16, 25]

// 3
function square(arr) {
        return arr.map(function (item) {
            return item * item
        })
    }
    var arr = [1, 2, 3, 4, 5]
    console.log(square(arr)); // [1, 4, 9, 16, 25]

// 4.数组中的元素有等于2的就*2
  const array = [10, 2, 2, 30, 40, 50]
    const newArr = array.map(item => {
        if (item == 2) {
            return item * 2
        }
        return item
    })
    console.log(newArr); // [10, 4, 4, 30, 40, 50]

 // 5
   const array = [2, 3, 4, 5, 7]
    console.log(`原数组为${array}`);
    const newArr = array.map((item, index, array) => {
        console.log(item);
        console.log(index);
        console.log(array);
        return item * 2
    })
    console.log(newArr); // [4, 6, 8, 10, 14]

  // 6.数组的每一项中有大于2的元素就*2
    const arr = [0,1,2,3,6,9]
    const newArr = arr.map(item => {
        if (item > 2) {
            return item * 2
        }
        return item
    })
    console.log(newArr); // [0, 1, 2, 6, 12, 18]

// 7
  let b = [3, 4, 9].map(function (item, index) {
        return item * 2
    })
    console.log(b); // [6, 8, 18]

3.filter

filter() 用于遍历数组，和map相似，也返回一个新数组，不会改变原数组，不会对空数组进行检测,

  // 1.删除偶数 只保留奇数
    var arr = [1, 2, 4, 5, 6, 9, 10]
    var filArr = arr.filter(function (x) {
        return x % 2 !== 0
    })
    console.log(filArr); // [1, 5, 9]

  // 2.filter把数组中的空字符串去掉
    var arr = ['A', '', 'B', null, undefined, 'C', '']
    let filArr = arr.filter(item => {
        return item && item.trim()
    })
    console.log(filArr); // ["A", "B", "C"]

  // 3.利用filter去重
    var arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
    let filArr = arr.filter((item, index) => {
        return arr.indexOf(item) == index
    })
    console.log(filArr); // ["apple", "strawberry", "banana", "pear", "orange"]