美文网首页
《JavaScript高级程序设计》之数组的方法总结

《JavaScript高级程序设计》之数组的方法总结

作者: 柯基糖 | 来源:发表于2016-10-25 09:29 被阅读0次

    1、数组的栈方法(后进先出):push()是向最后一项推元素进入;pop()方法是取到最后一个元素;

    2、数组的队列方法(先进先出):shift()是取得第一项元素,和push方法组成了队列方法;

    3、数组的反队列方法:unshift()可以是push()的反方法,向前端添加任意个元素,而和pop()取得最后一个元素的方法连用的话,则是反队列方法。

    4、数组的重排列方法:
    reverse()方法仅仅是将数组中的值进行反转,不管顺序。
    而sort()方法是将数组重的值进行升序排列,但是是按照字符串进行排列。因此可以利用比较函数compare()来进行两个值得升序排列,例如这样:[数组].sort(compare)。

    5、数组的操作方法:

    concat()函数,[数组].concat("A",["B","C"]),将参数(单项或者整个数组)逐个追加至已有数组的末尾,如果没有参数仅仅是复制该数组;

    slice()函数,是从已有数组中取出元素(包含起始元素,但那不包含结束元素),如果是负数参数,则用数组长度加上该值后的范围进行取值,如果是起始<结束元素,则返回空数组;
    splice()函数有三种用法,返回的是删除后的项组成的数组,如果没有删除,则返回空数组。

    ①删除任意数量的项,需要2个参数splice(起始项,删除的项数),包括起始项在内。

    ②插入任意数量的项,需要3个参数,splice(起始项,0,插入的任意多个项)。

    ③替换项,需要3个参数,splice(起始项,删除的项数,插入的任意多个项)。

    6、数组的位置方法

    IndexOf(要查找的项[,起始查找项的位置]),从前往后查找

    var num=[1,2,3,4,5,4,3,2,1];
    num.IndexOf(4);   //3
    num.IndexOf(4,4);   //5
    

    LastIndexOf(要查找的项[,起始查找项的位置]),从后向前查找

    var num=[1,2,3,4,5,4,3,2,1];
    num.LastIndexOf(4);   //5
    num.LastIndexOf(4,4);   //3
    

    返回值都是查找项的索引值,没找到返回-1。

    特殊用法:
    var person={"name":"nk","age":"23"};
    
    var people=[{"name":"nk","age":"23"}];
    var morePeople=[person];
    
    people.IndexOf(person);   //-1
    morePeople.IndexOf(person);   //0
    

    7、数组的迭代方法

    这些方法接受三个参数:数组的项,项的索引,数组本身

    every(),每一项运行给定函数,每一项都返回true,则返回true;

    var numbers=[1,2,3,4,5,6];
    var everyRuselt=numbers.every(function(item,index,array){
        return item>2;
    });
    console.info(everyRuselt);    //false
    

    some(),每一项运行给定函数,某一项返回true,则返回true;

    var numbers=[1,2,3,4,5,6];
    var someRuselt=numbers.some(function(item,index,array){
        return item>2;
    });
    console.info(someRuselt);    //true
    

    filter(),每一项运行给定函数,返回返回值为true项组成的数组;

    var numbers=[1,2,3,4,5,6];
    var filterRuselt=numbers.filter(function(item,index,array){
        return item>2;
    });
    console.info(filterRuselt);    //[3,4,5,6]
    

    foreach(),每一项运行给定函数,没有返回值;

    var numbers=[1,2,3,4,5,6];
    var foreachRuselt=numbers.foreach(function(item,index,array){
        //执行某些操作
    });
    console.info(foreachRuselt);    //无返回值
    

    map(),每一项运行给定函数,返回每项调用函数后的结果组成的数组。

    var numbers=[1,2,3,4,5,6];
    var mapRuselt=numbers.map(function(item,index,array){
        return item+2;
    });
    console.info(mapRuselt);    //[3,4,5,6,7,8]
    

    8、数组的缩小方法

    reduce()方法和reduceRight()方法,操作相同,执行顺序相反。

    这些方法接受四个参数:pre,cur,index,array;第一次调用会将前两项进行操作,将结果值返回给函数第二次调用的第一项pre参数。

    var num=[1,2,3,4,5];
    num.reduce(function(pre,cur,index,array){
        console.info(pre+cur);   //15
    });
    

    相关文章

      网友评论

          本文标题:《JavaScript高级程序设计》之数组的方法总结

          本文链接:https://www.haomeiwen.com/subject/hzrtuttx.html