js数组常用方法

63 阅读2分钟

JavaScript 数组是非常实用的数据结构,它可以存储和处理一系列的数据。为了方便对数组进行操作,JavaScript 提供了一些常用的数组方法,本文将介绍其中的几个。

  1. push() 和 pop()

push() 和 pop() 方法用于向数组的末尾添加和删除元素。push() 方法可以接受一个或多个参数,将它们添加到数组的末尾,并返回修改后的数组长度。pop() 方法用于删除数组的最后一个元素,并返回被删除的元素。

示例:


let arr = [1, 2, 3];

arr.push(4, 5); // arr 变为 [1, 2, 3, 4, 5]

let last = arr.pop(); // arr 变为 [1, 2, 3, 4], last 的值为 5

  1. shift() 和 unshift()

shift() 和 unshift() 方法用于向数组的开头添加和删除元素。unshift() 方法可以接受一个或多个参数,将它们添加到数组的开头,并返回修改后的数组长度。shift() 方法用于删除数组的第一个元素,并返回被删除的元素。

示例:


let arr = [1, 2, 3];

arr.unshift(0); // arr 变为 [0, 1, 2, 3]

let first = arr.shift(); // arr 变为 [1, 2, 3], first 的值为 0

  1. splice()

splice() 方法用于从数组中添加、删除或替换元素。它接受三个参数:开始操作的索引、要删除的元素数量和要添加的元素。splice() 方法返回被删除的元素组成的数组。

示例:


let arr = [1, 2, 3, 4, 5];

arr.splice(1, 2, 'a', 'b'); // arr 变为 [1, 'a', 'b', 4, 5]

  1. slice()

slice() 方法用于提取数组的一部分,返回一个新数组。它接受两个参数:开始索引和结束索引(不包含)。如果省略第二个参数,则提取从开始索引到数组末尾的所有元素。

示例:


let arr = [1, 2, 3, 4, 5];

let subArr = arr.slice(1, 4); // subArr 的值为 [2, 3, 4]

  1. concat()

concat() 方法用于合并两个或多个数组,返回一个新数组。它接受任意数量的数组作为参数。

示例:


let arr1 = [1, 2, 3];

let arr2 = [4, 5, 6];

let arr3 = arr1.concat(arr2); // arr3 的值为 [1, 2, 3, 4, 5, 6]

  1. forEach()

forEach() 方法用于遍历数组,对每个元素执行指定的操作。它接受一个回调函数作为参数,该回调函数有三个参数:当前元素、当前索引和数组本身。

示例:


let arr = [1, 2, 3];

arr.forEach(function (element, index, array) {

console.log(element, index, array);

});

  1. map()

map() 方法用于对数组的每个元素执行指定的操作,并返回一个新数组。它接受一个回调函数作为参数,该回调函数有三个参数:当前元素、当前索引和数组本身。

示例:


let arr = [1, 2, 3];

let newArr = arr.map(function (element, index, array) {

return element * 2;

}); // newArr 的值为 [2, 4, 6]

这些方法可以帮助我们更轻松地操作和管理数据。在实际编程过程中,熟练使用这些方法将会提高代码的可读性和可维护性。