知识问答

JavaScript中数组Array方法详解

发布时间：2026-05-09 11:02:12 浏览量：0

JavaScript中数组Array方法详解

在JavaScript中，Array是一个非常重要的数据类型，它提供了很多有用的方法来对数组进行操作。在本文中，我们将会学习到这些方法的具体用法和示例。

创建数组

在JavaScript中，我们可以通过以下方式创建一个数组：

// 方式1：使用[]括号const arr1 = [];// 方式2：使用Array构造函数const arr2 = new Array();// 方式3：直接赋值const arr3 = [1, 2, 3];

添加/删除元素

下面是对数组添加和删除元素的方法的详细说明：

push(element1, element2, ..., elementN)

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

const arr = [1, 2, 3];arr.push(4, 5, 6); // 数组变为 [1, 2, 3, 4, 5, 6]

pop()

pop()方法从数组的末尾删除一个元素，并返回该元素的值。

const arr = [1, 2, 3];arr.pop(); // 数组变为 [1, 2]，返回值为 3

unshift(element1, element2, ..., elementN)

unshift()方法将一个或多个元素插入到数组的开头，并返回数组的新长度。

const arr = [1, 2, 3];arr.unshift(4, 5, 6); // 数组变为 [4, 5, 6, 1, 2, 3]

shift()

shift()方法从数组的开头删除一个元素，并返回该元素的值。

const arr = [1, 2, 3];arr.shift(); // 数组变为 [2, 3]，返回值为 1

拼接/分隔数组

下面是对数组进行拼接和分隔的方法的详细说明：

concat(array1, array2, ..., arrayN)

concat()方法将两个或多个数组连接起来，返回连接后的数组。

const arr1 = [1, 2, 3];const arr2 = [4, 5, 6];const arr3 = arr1.concat(arr2); // 数组变为 [1, 2, 3, 4, 5, 6]

join(separator)

join()方法将数组中的所有元素连接成一个字符串，并使用分隔符将它们分隔开。

const arr = [1, 2, 3];const str = arr.join('-'); // 字符串变为 '1-2-3'

修改数组

下面是对数组进行修改的方法的详细说明：

slice(start, end)

slice()方法返回一个由指定起始和结束下标的元素组成的新数组。原数组不会被修改。

const arr = [1, 2, 3, 4, 5];const arrNew = arr.slice(1, 4); // 新数组为 [2, 3, 4]

splice(start, deleteCount, item1, item2, ..., itemN)

splice()方法可以用于添加、删除或替换数组中的元素。

  • 如果只指定了start参数，则从该下标开始删除到数组末尾的所有元素。
  • 如果同时指定了start和deleteCount参数，则从start下标处开始删除deleteCount个元素。
  • 如果同时指定了start和一个或多个item参数，则将这些元素插入到start下标处。

splice()方法返回被删除的元素组成的新数组。

const arr = [1, 2, 3, 4, 5];const arrDeleted = arr.splice(2, 2, 6, 7); // 数组变为 [1, 2, 6, 7, 5]，被删除的元素是 [3, 4]

迭代数组

下面是对数组进行迭代的方法的详细说明：

forEach(callback, thisArg)

forEach()方法对数组中的每个元素执行一次指定的函数。

const arr = [1, 2, 3];arr.forEach((element, index) => {  console.log(`元素${element}的下标是${index}`);});// 控制台输出：// 元素1的下标是0// 元素2的下标是1// 元素3的下标是2

map(callback, thisArg)

map()方法对数组中的每个元素执行一次指定的函数，并返回执行结果组成的新数组。

const arr = [1, 2, 3];const arrNew = arr.map((element) => {  return element * 2;});// 新数组为 [2, 4, 6]

示例

下面是一个示例，演示如何使用forEach()方法和map()方法。

const arr = [1, 2, 3];arr.forEach((element, index) => {  console.log(`这是元素${element}，下标是${index}`);});const arrNew = arr.map((element) => {  return element * 2;});console.log(arrNew);

控制台输出：

这是元素1，下标是0这是元素2，下标是1这是元素3，下标是2[2, 4, 6]