[译]Javascript数列的push和pop方法

Posted 2020-10-11 马大欧

本文翻译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);