JS 数组函数全览，助你轻松玩转数组

一、数组的创建

创建数组有两种方式：

1. 使用 Array 构造函数：

const arr = new Array();
const arr2 = new Array(10); // 创建一个长度为10的数组，元素值都为undefined
const arr3 = new Array(1, 2, 3); // 创建一个包含元素1、2、3的数组

2. 使用字面量语法：

const arr = [];
const arr2 = [10]; // 创建一个长度为1的数组，元素值为10
const arr3 = [1, 2, 3]; // 创建一个包含元素1、2、3的数组

二、元素的添加和删除

1. 添加元素：

// 使用push()方法在数组尾部添加元素
arr.push(4);

// 使用unshift()方法在数组头部添加元素
arr.unshift(0);

// 使用splice()方法在指定位置插入元素
arr.splice(2, 0, 5);

2. 删除元素：

// 使用pop()方法删除数组尾部的元素
arr.pop();

// 使用shift()方法删除数组头部的元素
arr.shift();

// 使用splice()方法删除指定位置的元素
arr.splice(2, 1);

三、数组的遍历

可以使用以下方法遍历数组：

1. for 循环：

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

2. forEach() 方法：

arr.forEach((item, index, array) => {
  console.log(item, index, array);
});

3. map() 方法：

const newArr = arr.map((item) => {
  return item * 2;
});

四、数组的排序和搜索

1. 排序：

// 使用sort()方法对数组进行排序
arr.sort();

// 使用sort((a, b) => a - b)方法对数组进行升序排序
arr.sort((a, b) => a - b);

// 使用sort((a, b) => b - a)方法对数组进行降序排序
arr.sort((a, b) => b - a);

2. 搜索：

// 使用indexOf()方法查找元素在数组中的位置
const index = arr.indexOf(2);

// 使用lastIndexOf()方法查找元素在数组中最后出现的位置
const lastIndex = arr.lastIndexOf(2);

// 使用includes()方法检查数组是否包含某个元素
const isIncluded = arr.includes(2);

五、数组的其他函数

1. join() 方法：将数组中的元素连接成字符串

const str = arr.join(','); // "1,2,3"

2. slice() 方法：返回数组中指定范围的元素

const newArr = arr.slice(1, 3); // [2, 3]

3. concat() 方法：合并两个或多个数组

const newArr = arr1.concat(arr2);

4. reverse() 方法：反转数组中的元素

arr.reverse();

5. fill() 方法：用指定的值填充数组

arr.fill(0); // [0, 0, 0]

通过对JS数组函数进行深入的了解，我们可以轻松地操作数组，从而提高编程效率和代码的可读性。