本文翻譯youtube上的up主kudvenkat的javascript tutorial播放單

源地址在此:

https://www.youtube.com/watch?v=PMsVM7rjupU&list=PL6n9fhu94yhUA99nOsJkKXBqokT3MBK0b

本次視頻我們討論Javascript中的push()和pop()方法.同時我們也會討論shift()和unshift()方法.讓我們用例子來輔助理解它們.

在以下的例子中,我們用for循環和數列index往數列myArray裏填充.然後我們用另外一個for循環來獲得數列裏的元素,最後我們用Javascript alert來顯示數列的長度.

var myArray = [];

for (var i = 0; i <= 5; i++) 
{
    myArray[i] = i * 2;
}

for (var i = 0; i <= 5; i++) 
{
    document.write(myArray[i] + "<br/>");
}

alert(myArray.length);

請註意:用數列index來獲取數列元素的時候,是不會改變數列長度的

Javascript push()方法

這個方法會在數列的尾端加入新的元素.這個方法會改變數列的長度

Javascript pop()方法

這個方法會移除數列尾端的一個元素,然後返回這個元素.此方法會改變數列的長度

例子:在以下的例子中,我們會用push()來填充數列並且用pop()方法來獲取元素.註意到push()和pop()都會改變數列的長度屬性

var myArray = [];

for (var i = 0; i <= 5; i++) 
{
    myArray.push(i * 2);
}

alert(myArray.length);

for (var i = 0; i <= 5; i++) 
{
    document.write(myArray.pop() + "<br/>");
}

alert(myArray.length);

Javascript unshift()方法

push()方法會在數列尾端加入新的元素.為了在數列的前端加入新的元素,我們要用到unshift()方法.和push()方法類似,unshift()方法也會改變數列的長度

例子:

var myArray = [2,3];

// Adds element 4 after element 3
myArray.push(4);

// Adds element 1 before element 2
myArray.unshift(1);

document.write("Array elements = " + myArray + "<br/>");
document.write("Array Length = " + myArray.length);

Javascript shift()方法

pop()方法是移除數列中最後一個元素,然後返回該元素.shift()方法則會移除數列中的第一個元素,並且返回該元素.和pop()方法類似,shift()方法同樣也改變數列的長度

例子:

var myArray = [1, 2, 3, 4, 5];

// removes the last element i.e 5 from the array
var lastElement = myArray.pop();
document.write("Last element = " + lastElement + "<br/>");

// removes the first element i.e 1 from the array
var firstElement = myArray.shift();
document.write("First element = " + firstElement + "<br/><br/>");

document.write("Array elements = " + myArray + "<br/>");
document.write("Array Length = " + myArray.length);

[譯]Javascript數列的push和pop方法