设为首页 加入收藏

TOP

常用数组函数
2017-10-16 18:19:19 】 浏览:4715
Tags:常用 函数

数组的一些方法

java script的数组是个非常熟悉不过的类型,而且有着非常强大的功能,但并不是没有前端学习的人都可以熟练掌握它,下面就来说一下数组的一些方法

  • 数组去重

    (1)给一个数组arr=[1,2,3,3,4],该如何去重?

    • es6里面有一个新的数据结构Set var newArr=new Set(arr);

    • es5方法是声明一个新数组obj,遍历arr,查看其中元素是否在新数组中存在,代码如下:

      var newArr = [];
      for (var i = 0; i < arr.length; i++) {
          if(newArr.indexOf(arr[i]) === -1){
              newArr.push(arr[i]);
          }
      }
      console.log(newArr); //[1,2,3,4];
  • Array.forEach

    foreach是对数组中每个元素执行一次给定函数,但是原数组不变,无返回值

        var arr = [1,2,3,4];
        arr.forEach(function(item, index, origin){
            item += 1;
            console.log(item);//2,3,4,5
        })
        console.log(arr);//[1,2,3,4]
  • Array.map

    map是对数组中每个元素执行一次给定函数,原数组不变,返回新数组

        var arr = [1,2,3,4];
        var newArr=arr.map(function(item, index, origin){
            return ++item;
        })
        console.log(newArr);//[2,3,4,5]
  • Array.filter

    filter是对数组中每个元素执行一次给定函数,原数组不变,返回符合条件的新数组

        var arr = [1,2,3,4];
        var newArr=arr.filter(function(item, index, origin){
            return item>2;
        })
        console.log(newArr);//[3,4]
  • Array.reduce

    reduce是第一个参数是一个函数,该函数的参数为上一次执行函数结果pre和目前元素的值和索引,通常用于求数组之和,第二个参数是在第一次执行函数是的pre的值,如果没有该参数则将第一个值当做pre的值

        var arr = [1,2,3,4];
        var res=arr.reduce(function(pre, cur, curIndex, origin){
            console.log(curIndex);//1,2,3
            return pre + cur;
        })
        console.log(res);//10
    
        var res=arr.reduce(function(pre, cur, curIndex, origin){
            console.log(curIndex);//0,1,2,3
            return pre + cur;
        }, 5)
        console.log(res);//15
  • Array.every

    every是对数组中每个元素执行一次给定函数,如果有一个结果为false,则返回false;

        var arr = [1,2,3,4];
        var res = arr.every(function(item, index, origin){
            return item > 2;
        })
        console.log(res);//false
  • Array.some

    some与every相对,是对数组中每个元素执行一次给定函数,如果有一个结果为true,则返回true;

        var arr = [1,2,3,4];
        var res = arr.some(function(item, index, origin){
            return item > 2;
        })
        console.log(res);//true
  • 将类数组转换为数组

    • es6中提供了Array.from的方法

    • es5中可以使用 Array.prototype.slice.call(arr)的方法

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇弹性盒模型----容器属性 下一篇介绍一款小众的IDE

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

最新文章

热门文章

C 语言

C++基础

windows编程基础

linux编程基础

C/C++面试题目