美文网首页
前端JavaScript中array数组的基础相关方法-管理数组

前端JavaScript中array数组的基础相关方法-管理数组

作者: 波_0903 | 来源:发表于2020-09-27 08:52 被阅读0次

    一、push

    压入元素,直接改变元数组,返回值为数组元素数量
    操作:操作原数组末尾,直接在原数组的末尾进行元素添加。
    返回值:返回修改后的数组的新长度。

    let arr = ["jeck", "marry"];
    console.log(arr.push('marry1', 'marry2')); 
    console.log(arr); //["jeck", "marry", "marry1", "marry2"]
    

    二、 pop

    从末尾弹出元素,直接改变元数组,返回值为弹出的元素
    操作:删除调用数组的最后一个元素,原数组长度减一,并返回删除的该元素。
    返回值:原数组被删除的元素值。

    let arr = ["jeck", "marry"];
    console.log(arr.pop()); 
    console.log(arr);["jeck"]
    

    注意:

    1,push() 方法可把它的参数顺序添加到 arrayObject 的尾部。

    2,它直接修改 arrayObject,而不是创建一个新的数组。

    3,push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

    4,若原数组已经为空,则pop()不改变数组,并返回undefined值。

    5,pop直接操作原数组,原数组长度会改变。

    三、shift

    从数组前面取出一个元素
    操作:删除原数组的第一个元素,并将该元素作返回值。
    返回值:原数组被删除的元素。

    let arr = ["jeck", "marry"];
    console.log(arr.shift()); 
    console.log(arr);["marry"]
    

    四、unshift

    从数组前面添加元素
    操作:直接操作原数组的开头,将参数顺序的加入原数组的开始位置,并将后面的元素向后移动。
    返回值:返回修改后的原数组的新长度。

    let arr = ["jeck", "marry"];
    console.log(arr.unshift(('marry1', 'marry2')); 
    console.log(arr);//["jeck", "marry", "marry1", "marry2"]
    

    注意:

    1,如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。

    2,该方法会改变数组的长度。

    3,unshift() 方法不创建新的创建,而是直接修改原有的数组,该方法会改变数组的长度。

    4,unshift() 方法无法在 Internet Explorer 中正确地工作!

    五、fill

    使用fill 填充数组元素

    console.dir(Array(4).fill("jeck")); //["jeck", "jeck", "jeck", "jeck"]
    

    指定填充位置

    console.log([1, 2, 3, 4].fill("jeck", 1, 2)); //[1, "jeck", 3, 4]
    

    六、slice

    使用 slice 方法从数组中截取部分元素组合成新数组(并不会改变原数组),不传第二个参数时截取到数组的最后元素。
    操作:从原来的数组中选取元素。
    返回值:选定的元素重新组成的数组。

    let arr = [0, 1, 2, 3, 4, 5, 6];
    console.log(arr.slice(1, 3)); // [1,2]  左闭右开
    

    不设置参数是为获取所有元素

    let arr = [0, 1, 2, 3, 4, 5, 6];
    console.log(arr.slice()); //[0, 1, 2, 3, 4, 5, 6]
    

    注意:

    1,返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

    2,start(必需)。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

    3,end(可选)。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

    4,可用来复制数组,筛选需要的数组元素。

    本文参考连接:
    1.https://houdunren.gitee.io/note/js/4%20%E6%95%B0%E7%BB%84%E7%B1%BB%E5%9E%8B.html#push

    1. https://www.cnblogs.com/yu-tang/p/12112421.html

    相关文章

      网友评论

          本文标题:前端JavaScript中array数组的基础相关方法-管理数组

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