zoukankan      html  css  js  c++  java
  • JavaScript中filter()和map()方法的区别

    filter()和map()方法都会返回新数组,对原数组不会影响

    filter()方法是根据一定的条件对原数组长度进行过滤返回一个新的数组,这个新数组改变了原数组的长度,不会改变原数组的内容。

    map()方法是根据一定的条件对原数组内容进行处理返回一个新的数组,这个新数组不会改变原数组的长度,只改变原数组的内容。


    filter()方法的使用:

    对原数组的过滤,r适合得筛选后才能返回出去的数组

    let a = [1, 2, 3, 4, 5, 6]
    let newA = a.filter((x) => {
        if (x > 4) {
            return x
        }
    })
    console.log(a);     //(6) [1, 2, 3, 4, 5, 6]
    console.log(newA);  //(2)[5,6]
    

    如果改变原数组的内容,返回的原数组和新数组内容不会有任何变化,效果如下:

    let a = [1, 2, 3, 4, 5, 6]
    let newA = a.filter((x) => {
        return x + '个'
    })
    console.log(a);       //(6) [1, 2, 3, 4, 5, 6]
    console.log(newA);    //(2)[5,6]
    

    map()方法的使用:

    将元素进行处理后返回到新数组。

    let a = [1, 2, 3, 4, 5, 6]
    let newA = a.map((x) => {
        return x + '个'
    })
    console.log(a);    //(6) [1, 2, 3, 4, 5, 6]
    console.log(newA); //(6) ['1个', '2个', '3个', '4个', '5个', '6个']
    

    如果改变原数组的长度,返回的新数组长度不会有任何变化,效果如下:

    let a = [1, 2, 3, 4, 5, 6]
    let newA = a.map((x) => {
        if (x > 4) {
            return x
        }
    })
    // console.log(a);  //(6) [1, 2, 3, 4, 5, 6]
    console.log(newA);  //(6) [undefined, undefined, undefined, undefined, 5, 6]
    
  • 相关阅读:
    线性动力学变分原理基础 Part1
    对分析动力学的一些理解
    Matlab数值求解超越方程的根
    FORTRAN数值求超越方程的根
    vim 基础操作
    a simple vim set for fortran
    g95 ld: cannot find crt1.o: No such file or directory
    ug中英文对照
    autocad一些快捷键和命令
    列选主元的高斯消元法的Fortran程序
  • 原文地址:https://www.cnblogs.com/leise/p/14196772.html
Copyright © 2011-2022 走看看