JS数组Array常用方法汇总+实例

在JavaScript中，数组是一种非常重要的数据类型。它可以用来存储多个值，并且可以通过下标来访问和修改数组中的元素。JavaScript提供了很多常用的数组方法，可以使数组的操作更加方便快捷。下面我们就来详细讲解一下这些常用的数组方法。

一、创建数组

要创建一个数组，有多种方式：

1. 直接声明

let arr1 = []; //空数组
let arr2 = [1, 2, 3]; //包含3个元素的数组

2. 使用构造函数

let arr3 = new Array(); //空数组
let arr4 = new Array(1, 2, 3); //包含3个元素的数组

3. 使用Array.from()方法

let arr5 = Array.from({length: 3}, (value, index) => index + 1); //值为 [1, 2, 3] 的数组

二、访问数组元素

要访问一个数组的元素，可以使用下标。下标从0开始，表示数组中的第1个元素。

let arr = [1, 2, 3];
console.log(arr[0]); //输出1
console.log(arr[1]); //输出2
console.log(arr[2]); //输出3

三、数组常用方法

下面是一些常用的数组方法。

1. push()和pop()

push()方法可以在数组的末尾添加一个或多个元素，返回值为新数组的长度。pop()方法可以将数组末尾的元素删除，并返回删除的元素。

let arr = [1, 2, 3];
arr.push(4, 5); //添加4和5，arr的值为[1,2,3,4,5]
let popValue = arr.pop(); //删除5，arr的值为[1,2,3,4]，popValue为5

2. shift()和unshift()

shift()方法可以删除数组的第1个元素，并返回删除的元素。unshift()方法可以在数组的开头添加一个或多个元素，并返回新数组的长度。

let arr = [1, 2, 3];
let shiftValue = arr.shift(); //删除1，arr的值为[2,3]，shiftValue为1
arr.unshift(0); //添加0，arr的值为[0,2,3]

3. slice()

slice()方法可以返回指定位置的一个或多个元素组成的新数组，不会修改原数组。

let arr = [1, 2, 3, 4, 5];
let subArr = arr.slice(1, 4); //截取2、3、4，subArr的值为[2,3,4]，arr的值不变

4. splice()

splice()方法可以删除数组中的一个或多个元素，并可以在指定位置插入一个或多个元素。返回值为被删除的元素组成的数组。

let arr = [1, 2, 3, 4, 5];
let delArr = arr.splice(1, 3, 'a', 'b'); //删除2、3、4，插入'a'、'b'，arr的值为[1,'a','b', 5]，delArr的值为[2,3,4]

5. concat()

concat()方法可以将多个数组合并成一个新数组，不会修改原数组。

let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = arr1.concat(arr2); //arr3的值为[1,2,3,4]，arr1和arr2的值不变

6. join()

join()方法可以将数组中的所有元素按照指定的分隔符连接为一个字符串。

let arr = [1, 2, 3];
let str = arr.join('-'); //str的值为'1-2-3'

四、实例说明

下面我们来看两个实例。

1. 将数组中的元素乘以2

let arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++){
  arr[i] = arr[i] * 2;
}
console.log(arr); //输出[2, 4, 6, 8, 10]

2. 查找数组中的最大值和最小值

let arr = [1, 2, 3, 4, 5];
let max = arr[0], min = arr[0];
for(let i = 1; i < arr.length; i++){
  if(arr[i] > max){
    max = arr[i];
  }
  if(arr[i] < min){
    min = arr[i];
  }
}
console.log('最大值为：' + max + '，最小值为：' + min); //输出最大值为5，最小值为1

五、总结

通过本文的介绍，我们了解了数组的常见操作和实例应用。数组是JavaScript中非常常用的一种数据类型，对于初学者来说，掌握好数组的相关方法是非常重要的。