• js中数组常用方法总结


    写一些简单的新的js数组的方法供大家参考

      1. Array.map()

        此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组
        1 let arr = [1, 2, 3, 4, 5]
            let newArr = arr.map(x => x*2)
            //arr= [1, 2, 3, 4, 5]   原数组保持不变
            //newArr = [2, 4, 6, 8, 10] 返回新数组

        2 let arr = [{num:1},{num:2}];
         let newArr = arr.map(x=>Object.assign(x,{num2:x*2}));
        //newArr = [{num:1,num2:2},{num:2,num2:4}]
    1. Array.forEach()

      此方法是将数组中的每个元素执行传进提供的函数,没有返回值,直接改变原数组,注意和map方法区分
      let arr = [1, 2, 3, 4, 5]
      arr.forEach(x => x*2)
         // arr = [2, 4, 6, 8, 10]  数组改变,注意和map区分
    2. Array.filter()

      此方法是将所有元素进行判断,将满足条件的元素作为一个新的数组返回
      let arr = [1, 2, 3, 4, 5]
          const isBigEnough => value => value >= 3
          let newArr = arr.filter(isBigEnough )
          //newNum = [3, 4, 5] 满足条件的元素返回为一个新的数组

        

    3. Array.every()

      此方法是将所有元素进行判断返回一个布尔值,如果所有元素都满足判断条件,则返回true,否则为false:
      let arr = [1, 2, 3, 4, 5]
          const isLessThan4 => value => value < 4
          const isLessThan6 => value => value < 6
          arr.every(el=>el<4) //false
          arr.every(el=>e.<6) //true

        

    4. Array.some()

       此方法是将所有元素进行判断返回一个布尔值,如果存在元素都满足判断条件,则返回true,若所有元素都不满足判断条件,则返回false:
      let arr = [1, 2, 3, 4, 5]
          const isLessThan4 => value => value < 4
          const isLessThan6 => value => value < 6
          arr.some(el=>el<4) //false
          arr.some(el=>e.<6) //true

        

    5. Array.reduce()

       此方法是所有元素调用返回函数,返回值为最后结果,传入的值必须是函数类型:
      let arr = [1, 2, 3, 4, 5]
         const add = (a, b) => a + b
         let sum = arr.reduce(add)
         //sum = 15  相当于累加的效果
         与之相对应的还有一个 Array.reduceRight() 方法,区别是这个是从右向左操作的

        

  • 相关阅读:
    jQuery validate 的valid()方法一直返回true
    Webstrom 使用过程中遇到的问题以及解决方案
    CSS选择符 新的认识
    前端常用正则匹配
    魔术师
    node 安装express
    为什么报错说req未定义,createServer只接受匿名函数吗?
    nodejs报错 events.js:72 throw er; // Unhandled 'error' event
    我对 javascript 闭包的理解
    ORM框架,sqlsugar学习一
  • 原文地址:https://www.cnblogs.com/ttjm/p/11052626.html
Copyright © 2020-2023  润新知