• 技术文章 >web前端 >js教程

    JavaScript中向数组尾部添加元素的方法有哪些

    青灯夜游青灯夜游2021-10-20 17:56:04原创92

    添加方法:1、使用push()方法,语法“array.push(元素1,元素2,...,元素X)”;2、使用splice()方法,语法“array.splice(arr.length,0,元素1,.....,元素X)”。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    JavaScript中向数组尾部添加元素的方法

    1、push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

      1)、语法:

    arrayObject.push(newelement1,newelement2,....,newelementX)
    参数描述
    newelement1必需。要添加到数组的第一个元素。
    newelement2可选。要添加到数组的第二个元素。
    newelementX可选。可添加多个元素。

      2)、返回值:

      把指定的值添加到数组后的新长度。

      3)、说明:

      push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。

      4)、实例:

    var arr = new Array(3)
    arr[0] = "ZhangQian"
    arr[1] = "LinFang"
    arr[2] = "HaiKun"
    
    console.log(arr);// ["ZhangQian","LinFang","HaiKun"]
    console.log(arr.push("C"));// 4
    console.log(arr);// ["ZhangQian","LinFang","HaiKun","C"]
    console.log(arr.push("A","B"));// 6
    console.log(arr);// ["ZhangQian","LinFang","HaiKun","A","B","C"]

    2、splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

      1)、语法:

    arrayObject.splice(index,howmany,item1,.....,itemX)
    参数描述
    index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
    howmany必需。要删除的项目数量。如果设置为 0,则不会删除项目。
    item1, ..., itemX可选。向数组添加的新项目。

      2)、返回值:

    类型描述
    Array包含被删除项目的新数组,如果有的话。

      3)、说明:

      splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

      如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

      splice() 方法会直接对数组进行修改。

      4)、实例:

    var arr = ["A","ZhangQian","LinFang","HaiKun"];
    
    arr.splice(1,0,"B","C");
    console.log(arr);
    arr.splice(arr.length,0,"D","C");
    console.log(arr);

    1.png

    想要使用splice() 方法在数组末尾添加元素,index值需要设置为数组长度值。

    【推荐学习:javascript高级教程

    以上就是JavaScript中向数组尾部添加元素的方法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:JavaScript怎么创建空数组 下一篇:Javascript怎么检查对象是否为空
    大前端线上培训班

    相关文章推荐

    • javascript中作用域一般分几种?js中有没有块作用域?• javascript怎么实现次方计算• javascript find()方法是干什么的• javascript定时器有哪些函数• JavaScript怎么创建空数组

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网