归纳整理JavaScript中push()、pop()、unshift()、shift()方法

WBOY 原创: 2022-08-04 10:37:11 1133浏览

本篇文章给大家带来了关于javascript的相关知识，其中主要介绍了关于JavaScript的push()、pop()、unshift()、shift() 方法的使用，下面一起来看一下，希望对大家有帮助。

总结介绍：

pop():该方法用于删除数组的最后一个元素，并返回被删除的元素。

官方语法：

arrayObject.pop()

shift():该方法用于删除数组的第一个元素，并返回被删除的元素。

官方语法：

arrayObject.shift()

push():该方法用于向数组末尾添加一个或者多个元素，并返回新的长度。

官方语法：

arrayObject.push(newelement1,newelement2,....,newelementX)

unshift():该方法用于向数组的开头添加一个或者多个元素，并返回新的长度。

官方语法：

arrayObject.unshift(newelement1,newelement2,....,newelementX)

1、push()方法

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

语法：

arrayObject.push(newelement1,newelement2,....,newelementX)

参数描述：

newelement1：必需。要添加到数组的第一个元素。

newelement2：可选。要添加到数组的第二个元素。

newelementX：可选。可添加多个元素。

返回值：

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

实例：

<script type="text/javascript">

    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"

    document.write(arr + "<br />")
    document.write(arr.push("James") + "<br />")
    document.write(arr)

</script>

输出：

2、pop()方法

pop() 方法用于删除并返回数组的最后一个元素。

语法：

arrayObject.pop()

返回值：

arrayObject 的最后一个元素。

实例：

<script type="text/javascript">

    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"

    document.write(arr)
    document.write("<br />")
    document.write(arr.pop())
    document.write("<br />")
    document.write(arr)

</script>

输出：

3、unshift()

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

语法：

arrayObject.unshift(newelement1,newelement2,....,newelementX)

参数描述：

newelement1：必需。向数组添加的第一个元素。
newelement2：可选。向数组添加的第二个元素。
newelementX：可选。可添加若干个元素。

返回值：

arrayObject 的新长度。

实例：

<script type="text/javascript">

    var arr = new Array()
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"

    document.write(arr + "<br />")
    document.write(arr.unshift("William") + "<br />")
    document.write(arr)

</script>

输出：

4、shift()

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

语法：

arrayObject.shift()

返回值：

数组原来的第一个元素的值。

实例：

<script type="text/javascript">

    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"

    document.write(arr + "<br />")
    document.write(arr.shift() + "<br />")
    document.write(arr)

</script>

输出：