美文网首页一个程序猿的码农生活
js数组中常用的方法及用法

js数组中常用的方法及用法

作者: 帝子兮小柒 | 来源:发表于2020-03-25 01:19 被阅读0次

    1.push(newelement1,newelement2,....,newelementX):向数组的末尾添加一个或多个元素,并返回新的长度。
    (1)返回值:返回值为数组的新长度。
    (2)原数组发生改变。
    (3)参数:参数为新添加的元素(可以是1个也可以是多个,提示:至少添加一个元素,参数不可为空)。
    newelement1:必须。要添加到数组的第一个元素。
    newelement2:可选。要添加到数组的第二个元素。
    newelementX:可选。可添加多个元素。

    var arr = [1,2,3,4,5];
    var arry = arr.push(6,7,8);
    console.log(arry); // 8
    console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8]
    

    2.unshift(newelement1,newelement2,....,newelementX):向数组的开头添加一个或多个元素,并返回新的长度。
    (1)返回值:返回值为数组的新长度。
    (2)原数组发生改变。
    (3)参数:参数为新添加的元素(可以是1个也可以是多个,提示:至少添加一个元素,参数不可为空)。
    newelement1:必须。要添加到数组的第一个元素。
    newelement2:可选。要添加到数组的第二个元素。
    newelementX:可选。可添加多个元素。

    var arr = [1,2,3,4,5];
    var arry = arr.unshift(6,7,8);
    console.log(arry); // 8
    console.log(arr); // [6, 7, 8, 1, 2, 3, 4, 5]
    

    3.pop():删除并返回数组的最后一个元素。
    (1)返回值:返回值为被删除的那一项(末尾项)。
    (2)原数组发生改变。
    (3)参数:不需要传参数。

    var arr = [1,2,3,4,5];
    var arry = arr.pop();
    console.log(arry); // 5
    console.log(arr); // [1, 2, 3, 4]
    
    当数组为空时,返回值为undefined
    var arr = [];
    var arry = arr.pop();
    console.log(arry); // undefined
    console.log(arr); // []
    

    4.shift():删除并返回数组的第一个元素。
    (1)返回值:返回值为被删除的那一项(开头项)。
    (2)原数组发生改变。
    (3)参数:不需要传参数。

    var arr = [1,2,3,4,5];
    var arry = arr.shift();
    console.log(arry); // 1
    console.log(arr); // [2, 3, 4, 5]
    
    当数组为空时,返回值为undefined
    var arr = [];
    var arry = arr.shift();
    console.log(arry); // undefined
    console.log(arr); // []
    

    5.splice(index,howmany,item1,.....,itemX):删除元素,并向数组添加新元素。
    (1)返回值:返回值为被删除的元素。
    (2)原数组发生改变。
    (3)参数:
    index:必须。代表从数组中指定的索引位置开始删除/添加元素。若为负数时,则从数组的尾部指定的索引位置开始删除/添加元素。
    howmany:必须。代表被删除的元素个数;若设置为0,则不会删除元素。
    item1,.....,itemX:可选。向数组添加一个或多个元素。

    var arr = [1,2,3,4,5];
    var arry = arr.splice(1,3,6);
    console.log(arry); // [2, 3, 4]
    console.log(arr); // [1, 6, 5]
    
    若index为负数时
    var arr = [1,2,3,4,5];
    var arry = arr.splice(-2,3,6,7);
    console.log(arry); // [4, 5]
    console.log(arr); // [1, 2, 3, 6, 7]
    

    6.slice(start,end):从已有的数组中返回选定的元素。
    (1)返回值:返回值为被选定的元素(包前不包后:包括start索引所指定的元素,不包括end索引所指定的元素)。
    (2)原数组不发生改变。
    (3)参数:
    start:必须。指定从何处开始选取;若为负数,则从数组的尾部指定的索引位置开始算起。
    end:可选。指定从何处结束选取; 若为负数,则从数组的尾部指定的索引位置开始算起;若未指定该参数,则会选取从start到数组尾部的所有元素。

    var arr = [1,2,3,4,5];
    var arry = arr.slice(1,3);
    console.log(arry); // [2, 3]
    console.log(arr); // [1, 2, 3, 4, 5]
    

    相关文章

      网友评论

        本文标题:js数组中常用的方法及用法

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