js中数组常用方法总结（推荐）

让我为您详细地讲解“js中数组常用方法总结（推荐）”。

1. 前言

在JavaScript中，数组是非常常见的一种数据类型。为了更加高效地使用数组，我们需要对JS中数组的常用方法进行学习和总结。

2. 数组常用方法介绍

在JS中数组的常用方法有很多，我们在学习时需要分类讲解。下面是详细的介绍：

2.1 数组的创建方法

在JS中，创建数组有两种方式，一种是使用数组字面量，另一种是使用构造函数Array。下面分别对两种方式进行介绍。

2.1.1 数组字面量的创建方法

使用数组字面量的方式创建数组，可以将元素逐个列出来，以逗号分隔。创建数组的代码如下所示：

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

2.1.2 Array构造函数的创建方法

使用构造函数Array的方式可以动态创建数组，并且可以设置数组的长度。其中，Array构造函数有多种用法，这里以最常用的两种方式进行介绍。

2.1.2.1 使用Array构造函数创建空数组

创建空数组的代码如下所示：

let arr = new Array();

2.1.2.2 使用Array构造函数创建指定长度的数组

创建指定长度的数组的代码如下所示：

let arr = new Array(5);

此时创建的数组长度为5，但是数组中的元素都是undefined。

2.2 数组的常用方法

2.2.1 push和pop方法

push和pop方法是JS中数组的常用方法，用于在数组的末尾添加或删除元素。

例如，下面的代码演示了如何使用push方法在数组末尾添加一个元素：

let arr = [1, 2, 3];
arr.push(4);
//此时arr的值为[1, 2, 3, 4]

而下面的代码演示了如何使用pop方法删除数组末尾的元素：

let arr = [1, 2, 3];
arr.pop();
//此时arr的值为[1, 2]

2.2.2 shift和unshift方法

shift和unshift方法也是JS中数组的常用方法，用于在数组的开头添加或删除元素。

例如，下面的代码演示了如何使用unshift方法在数组开头添加一个元素：

let arr = [1, 2, 3];
arr.unshift(0);
//此时arr的值为[0, 1, 2, 3]

而下面的代码演示了如何使用shift方法删除数组开头的元素：

let arr = [1, 2, 3];
arr.shift();
//此时arr的值为[2, 3]

2.2.3 splice方法

splice方法是JS中数组的常用方法之一，它可以用来在任意位置添加或删除元素。splice方法的基本语法如下：

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

其中，start是起始位置，deleteCount是要删除的元素个数，item1、item2等是要添加的元素。

例如，下面的代码演示了如何使用splice方法在数组中任意位置添加元素：

let arr = [1, 2, 3];
arr.splice(1, 0, 4);
//此时arr的值为[1, 4, 2, 3]

而下面的代码演示了如何使用splice方法在数组中任意位置删除元素：

let arr = [1, 2, 3];
arr.splice(1, 1);
//此时arr的值为[1, 3]

2.3 数组的遍历方法

2.3.1 forEach方法

forEach方法是JS中数组的常用方法之一，它可以遍历数组中的每个元素，并且可以对每个元素进行操作。forEach方法的基本语法如下：

array.forEach(function(item, index, array) {
    //函数体
});

其中，item表示数组中的元素，index表示元素的下标，array表示数组本身。例如，下面的代码演示了如何使用forEach方法遍历数组：

let arr = [1, 2, 3];
arr.forEach(function(item, index, array) {
    console.log("item[" + index + "]=" + item);
});

运行结果如下所示：

item[0]=1
item[1]=2
item[2]=3

2.3.2 map方法

map方法是JS中数组的常用方法之一，它可以遍历数组中的每个元素，并且可以对每个元素进行操作，最终返回一个新的数组。map方法的基本语法如下：

array.map(function(item, index, array) {
    //函数体
});

例如，下面的代码演示了如何使用map方法对数组中的每个元素进行平方操作，并返回一个新的数组：

let arr = [1, 2, 3];
let newArr = arr.map(function(item) {
    return item * item;
});
//此时newArr的值为[1, 4, 9]

3. 总结

通过本文的介绍，我们了解了JS中数组的常用方法，并且了解了数组的创建方法和遍历方法。希望对您学习JS有所帮助。

示例：

假设现在有一个数组arr=[1,3,4,2,5]，并且需要将其按照从小到大的顺序进行排序。可以使用数组的sort方法来实现，示例代码如下：

let arr = [1, 3, 4, 2, 5];
arr.sort(function(a, b) {
    return a - b; //升序排序
});
console.log(arr); //[1, 2, 3, 4, 5]

又假设现在有一个数组arr=[1,2,3,4,5,6]，并且需要将其中的奇数删除。可以使用数组的filter方法来实现，示例代码如下：

let arr = [1, 2, 3, 4, 5, 6];
let newArr = arr.filter(function(item) {
    return item % 2 === 0; //删除奇数
});
console.log(newArr); //[2, 4, 6]