JavaScript中push()、pop()、unshift()、shift() 方法的使用

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>

输出：

George,John,Thomas
4
George,John,Thomas,James

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>

输出：

George,John,Thomas
Thomas

George,John

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>

输出：

George,John,Thomas
4
William,George,John,Thomas

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>

输出：

George,John,Thomas
George
John,Thomas

以上学习资料来自W3School：
http://www.w3school.com.cn/jsref/jsref_push.asp
http://www.w3school.com.cn/jsref/jsref_pop.asp
http://www.w3school.com.cn/jsref/jsref_unshift.asp
http://www.w3school.com.cn/jsref/jsref_shift.asp