美文网首页Web前端之路
浅谈数组的基本方法

浅谈数组的基本方法

作者: da8368ed57bd | 来源:发表于2019-12-10 13:47 被阅读0次
    1. push() 从后面推;表示从数组的尾部添加元素 原数组发生变化,返回值为加入新元素之后数组的总长度
    var arr1 = [1,2,3,4,5,6,7,8];
    var a1 = arr1.push(9,10,'1-10之间的数');
    console.log(a1,arr1);
    
    1. pop() 从数组的尾部删除一个元素 原数组发生改变,返回值为删除的元素 不接受参数,括号里面写参数没意义,也就是说只能删除一个元素
    var arr2 = [1,2,3,4,5,6,7,8,9,10];
    var a2 = arr2.pop();
    console.log(a2,arr2);
    
    1. unshift() 把参数添加到数组的头部 原数组发生改变,返回值为新数组的长度
    var arr3 = [2,3,4,5,6,7,8,9,10];
    var a3 = arr3.unshift(0,1);
    console.log(a3,arr3);
    
    1. shift() 从数组头部删除一个元素 返回删除的元素,原数组发生改变 不接受参数,括号里面写参数没意义,也就是说只能删除一个元素
    var arr4 = [0,1,2,3,4,5,6,7,8,9,10];
    var a4 = arr4.shift();
    console.log(a4,arr4);
    
    1. 截取类的添加与删除的方法
    • 5.1 slice
    var arr5 = [0,1,2,3,4,5,6,7,8,9,10];
    var a51 = arr5.slice(5);  
    //一个参数表示从该索引所在的元素开始截取,直到数组结束   原数组不发生改变   返回值为截取的数组元素
    console.log(a51,arr5);
    var a52 = arr5.slice(5,10);   
    //两个参数:第一个表示从该索引的位置开始截取,直到第二个数值结束,不包括第二个参数对应索引位置上的元素   返回值为截取的元素   原数组不发生改变
    console.log(a52,arr5);
    
    • 5.2 splice
    var arr6 = [0,1,2,3,4,5,6,7,8,9,10];
    // var a61 = arr6.splice(5);   //一参数表示从对应的索引位置开始截取,直到数组结束   原数组发生改变   返回值的截取的数组
    // console.log(a61,arr6);   //原数组发生改变,所以要注释掉,以免影响后续代码的实现
    // var a62 = arr6.splice(5,2);   //两个参数:第一个表示从对应的索引位置开始截取,第二个表示截取的长度   原数组发生改变   返回值为截取的元素
    // console.log(a62,arr6);
    var a63 = arr6.splice(5,5,'哈哈');
    console.log(a63,arr6);   //三个参数:第一个为从对应位置的索引开始截取,第二个表示截取长度,第三个表示从截取的起始位置添加后续的元素   返回值为截取的元素   原数组发生改变
    

    6.reverse 翻转数组

    var arr7 = [0,1,2,3,4,5,6,7,8,9,10];
    var a7 = arr7.reverse();   
    // 原数组发生改变   不接收参数   返回值为翻转之后的数组
    console.log(a7,arr7);
    

    7.sort 从小到大排列数组

    var arr8 = [10,9,8,7,6,5,4,3,2,1,0];
    var a8 = arr8.sort();   
    // 原数组发生改变   不接收数值  返回值为排序之后的数组   注意是根据个位数进行排序对的
    console.log(a8,arr8);
    

    8.join 将数组转换成字符串 以参数来进行拼接

    var arr9 = [0,1,2,3,4,5,6,7,8,9];
    var a9 = arr9.join(''); 
    // 原数组不发生变化   括号里面的数值为拼接方式
    console.log(a9,arr9);
    

    9.cancat 用于连接两个或者多个数组

    var arr10 = [1,2,3];
    var arr11 = [4,5,6];
    var a10 = arr10.concat(arr11);   
    //原数组不发生变化   该句的意思为:让arr10和arr11进行拼接
    console.log(a10,arr10,arr11);
    

    相关文章

      网友评论

        本文标题:浅谈数组的基本方法

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