javascript Array要领总结

Array

  • toString() 返回数组中每一个值的字符串情势拼接而成的以逗号分开的字符串

    var arr = [1,2,4,5];
    console.log(arr.toString());//1,2,4,5
  • valueOf() 返回的照样数组

    var arr = ["1","2","4","5"];
    console.log(arr.valueOf());//["1","2","4","5"]
  • join() 返回字符串,运用差异分开符来构建字符串【默以为逗号】

    var arr = [1,2,3,4,5];
    console.log(arr.join());//1,2,3,4,5
    console.log(arr.join(""));//12345
    console.log(arr.join("|"));//1|2|3|4|5

栈要领

  • push() 栈要领,添加到数组末端,返回修改后数组的长度

  • pop() 栈要领,从数组末端移除末了一项,返回移除的项

行列要领

  • shift() 行列要领,获得数组第一项

  • unshift() 行列要领,添加到数组前端

    var colors = [];
    var count = colors.push("red","blue"); // 2
    //colors = ["red","blue"];
    
    count = colors.unshift("green","white"); //4
    //colors = [“green”,"white","red","blue"]
    
    colors.pop();   //"blue"
    colors.shift(); //"green"

重排序要领

  • reverse() 反转数组项的递次,返回值是经由反转后的数组

  • sort() 默许根据升序分列数组【挪用每一个数组项的toString()要领比较字符串。纵然数组都是数值,也是比较字符串】,可接受比较函数作为参数。返回值是经由排序后的数组

    var arr = [10,2,7,3,5];
    arr.reverse();//[5,3,7,2,10]
    arr.sort();//[10,2,3,5,7]
    
    function compare1(v1,v2){
        if(v1 < v2)
            return -1;
        else if( v1 > v2)
            return 1;
        else 
            return 0;
    }
    
    arr.sort(compare1);//[2,3,5,7,10]
    
    //另一种更加轻便的体式格局
    function compare2(v1,v2){
        return v2-v1;
    }
    
    arr.sort(compare2);//[10,7,5,3,2]

操作要领

  • concat() 基于当前数组中一切项建立一个新数组。在没有参数的时刻,只是复制当前数组并返回副本。有参数则将值添加到数组末端

    var colors=["red","blue"];
    var colors2 = colors.concat("yellow",["black","white"]);
    //["red","blue","yellow","black","white"]
  • slice() 建立一个新数组

    • slice(start,end),返回肇端和完毕位置之间的项【不包括完毕位置】。完毕位置小于肇端位置返回空数组

    • slice(start),返回从start位置到末端的一切项
      假如负数,用数组长度+该负数来示意位置

        var colors = ["red","green","blue","black","yellow"];
        var colors2 = colors.slice(1);//["green","blue","black","yellow"]
        var colors3 = colors.slice(1,4);//["green","blue","black"]
        var colors4 = colors.slice(-2,-1);//与slice(3,4)效果雷同。["black"]
  • splice() 返回被删除的项。splice(start,delete_count,insert_item[可选])

    • 删除 splice(start,count) start要删除的第一项的位置,count要删除的项数

    • 插进去 splice(start,0,inserts) start要插进去的位置,0(要删除的项数为0),inserts要插进去的项(可所以恣意多个项)

    • 替代 splice(start,d_count,inserts) start肇端位置,d_count为要删除的项数,inserts为要插进去的项。插进去的项数与删除的项数没必要相称。

          var colors = ["red","green","blue","black","yellow"];
          var removed = colors.splice(0,1);//删除第一项
          //colors = ["green","blue","black","yellow"];
          //removed = ["red"]
          
          removed = colors.splice(1,0,"pink","orange");//从位置1最先插进去2项
          //colors = ["green","pink","orange","blue","black","yellow"];
          //removed = [];没有删除元素,返回空数组
          
          removed = colors.splice(1,1,"red","purple");//从位置1删除一个,再插进去2项
          //colors = ["green","red","purple","orange","blue","black","yellow"];
          //removed = ["pink"];
      

位置要领

  • indexOf() 从数组开首最先查找地点项的位置

  • lastIndexOf() 从数组末端最先向前查找

    比较参数和数组中每一项时,运用全等操作符。=== 
    没有找到时返回-1
      

迭代要领。对数组中每一项运转给定函数。

  • every() 若函数对每一项都返回true,则返回true

  • filter() 返回这个函数会返回true的数组

  • forEach() 没有返回值,本质上与运用for轮回迭代数组一样。

  • map() 返回每次函数挪用的效果构成的数组

  • some() 假如函数对任一项返回true,则返回true
    【兼容性】IE9+,Chrome,Firefox 2+,Safari 3+,Opera 9.5+支撑

【注重辨别every()和some()】


var numbers=[1,2,3,4,5,6,7];

var everyResult = numbers.every(function(item,index,array){
    return (item > 3);
});
//everyResult的值为false。由于1,2,3返回的是flase,而每一项都返回true才会返回true

var someResult = numbers.some(function(item,index,array){
    return (item > 3);
});
//someResult的值为true。由于有返回true的值,则返回true

var filterResult = numbers.filter(function(item,index,array){
    return (item > 2);
});
//filterResult的值为[3,4,5,6,7],返回相符前提的值

var mapResult = numbers.map(function(){
    return item*2;
});
//mapResult的值为[2,4,6,8,10,12,14],返回每一个数的效果

合并要领

  • reduce() 从数组第一项最先,逐一遍历到末了

  • reduceRight() 从数组的末了一项最先,向前遍历到第一项

都支撑4个参数。(prev【前一个值】,cur【当前值】,index【项的索引】,array【数组对象】)
reduce()和reduceRight()的差异在于从哪头最先遍历数组。除此之外都一样。
【兼容性】IE9+,Chrome,Firefox 3+,Safari 4+,Opera 10.5支撑
这个函数返回的任何值都邑作为第一个参数自动传给下一项。第一次迭代从数组的第二项最先。


    //应用reduce求数组中一切值的和
    var values = [1,2,3,4,5];
    var sum = values.reduce(function(prev,cur,index,array){
        return prev + cur;
    });
    //sum的值为15;
    原文作者:lsxj
    原文地址: https://segmentfault.com/a/1190000005029014
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞