JS 数组常用方法——助您轻松玩转数组

JavaScript 数组是一种有序的数据结构，可以存储各种类型的元素。数组中的元素可以通过索引访问，索引从 0 开始。数组提供了多种有用的方法来操作其中的元素，包括添加、删除、排序和搜索。

1. 添加元素

• push() ：向数组的末尾添加一个或多个元素，并返回数组的新长度。

const arr = [1, 2, 3];
arr.push(4, 5, 6);
console.log(arr); // [1, 2, 3, 4, 5, 6]

• unshift() ：向数组的开头添加一个或多个元素，并返回数组的新长度。

const arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]

2. 删除元素

• pop() ：从数组的末尾删除最后一个元素，并返回该元素。

const arr = [1, 2, 3];
const lastElement = arr.pop();
console.log(lastElement); // 3
console.log(arr); // [1, 2]

• shift() ：从数组的开头删除第一个元素，并返回该元素。

const arr = [1, 2, 3];
const firstElement = arr.shift();
console.log(firstElement); // 1
console.log(arr); // [2, 3]

3. 合并数组

• concat() ：将两个或多个数组合并成一个新的数组，并返回新数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

4. 复制数组

• slice() ：复制数组的一部分，并返回一个新的数组。

const arr = [1, 2, 3, 4, 5, 6];
const newArr = arr.slice(2, 5);
console.log(newArr); // [3, 4, 5]

5. 插入或删除元素

• splice() ：在数组的指定位置插入或删除元素，并返回一个包含被删除元素的新数组。

const arr = [1, 2, 3, 4, 5, 6];
arr.splice(2, 2, 7, 8);
console.log(arr); // [1, 2, 7, 8, 5, 6]

const deletedElements = arr.splice(3, 2);
console.log(deletedElements); // [5, 6]
console.log(arr); // [1, 2, 7, 8]

6. 排序数组

• sort() ：对数组中的元素进行排序，并返回一个新的排序数组。

const arr = [1, 4, 2, 5, 3];
arr.sort();
console.log(arr); // [1, 2, 3, 4, 5]

7. 翻转数组

• reverse() ：将数组中的元素顺序颠倒，并返回一个新的颠倒数组。

const arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr); // [5, 4, 3, 2, 1]

8. 数组转字符串

• join() ：将数组中的元素连接成一个字符串，并返回该字符串。

const arr = [1, 2, 3, 4, 5];
const str = arr.join();
console.log(str); // "1,2,3,4,5"

const str2 = arr.join("-");
console.log(str2); // "1-2-3-4-5"

通过学习这些 JS 数组常用方法，您可以轻松地操作和管理数组中的元素，提高开发效率。希望这些方法能帮助您在未来的项目中游刃有余地使用数组。