JavaScript数组元素操作的方法

2022-03-16 09:32:34

这篇文章主要介绍了JavaScript数组元素操作的方法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript数组元素操作的方法文章都会有所收获,下面我们一起来看看吧。

访问第一个数组元素

实例

fruits = ["Banana", "Orange", "Apple", "Mango"];

var first = fruits[0];


访问最后一个数组元素


实例
fruits = ["Banana", "Orange", "Apple", "Mango"];

var last = fruits[fruits.length - 1];

遍历数组元素

遍历数组的最安全方法是使用 "for" 循环:

实例

var fruits, text, fLen, i;

fruits = ["Banana", "Orange", "Apple", "Mango"];

fLen = fruits.length;

text = "<ul>";

for (i = 0; i < fLen; i++) {

     text += "<li>" + fruits[i] + "</li>";

} 

您也可以使用 Array.foreach() 函数:

实例

var fruits, text;

fruits = ["Banana", "Orange", "Apple", "Mango"];

text = "<ul>";

fruits.forEach(myFunction);

text += "</ul>";

function myFunction(value) {

  text += "<li>" + value + "</li>";

}

添加数组元素

向数组添加新元素的最佳方法是使用 push() 方法:

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.push("Lemon");                // 向 fruits 添加一个新元素 (Lemon)

也可以使用 length 属性向数组添加新元素:

实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Lemon";     // 向 fruits 添加一个新元素 (Lemon)

警告!
添加最高索引的元素可在数组中创建未定义的“洞”:
实例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[6] = "Lemon";                 // 向 fruits 添加一个新元素 (Lemon)

关于“JavaScript数组元素操作的方法”这篇文章的内容就介绍到这里。