JavaScript array常用方法代码实例详解

一、引言

JavaScript中的数组(array)是一种常见的数据结构，内部储存着多个元素。数组是一种有序的数据结构，可以使用索引来访问数组中的每个元素。在JavaScript中，数组有许多常用的方法，本文将详细讲解这些方法和代码实例。

二、常用数组方法

1. push

push方法会在数组末尾加上一个或多个元素，并返回添加元素后的新数组长度。

let arr = [1, 2, 3];
let len = arr.push(4, 5, 6);

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

2. pop

pop方法会从数组末尾移除一项，并返回移除的元素。

let arr = [1, 2, 3];
let removed = arr.pop();

console.log(arr); // [1, 2]
console.log(removed); // 3

3. shift

shift方法会从数组头部移除一项，并返回移除的元素。

let arr = [1, 2, 3];
let removed = arr.shift();

console.log(arr); // [2, 3]
console.log(removed); // 1

4. unshift

unshift方法会在数组头部加上一个或多个元素，并返回添加元素后的新数组长度。

let arr = [1, 2, 3];
let len = arr.unshift(0, -1, -2);

console.log(arr); // [0, -1, -2, 1, 2, 3]
console.log(len); // 6

5. reverse

reverse方法会反转数组中的元素顺序，并返回新的反转后的数组。

let arr = [1, 2, 3];
let reversed = arr.reverse();

console.log(reversed); // [3, 2, 1]
console.log(arr); // [3, 2, 1]

6. sort

sort方法会对数组中的元素进行排序，并返回排序后的数组。也可以通过传入一个排序函数来自定义排序。

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

// 升序排序
arr.sort((a, b) => a - b);

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

// 降序排序
arr.sort((a, b) => b - a);

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

7. slice

slice方法会返回一个从指定起始位置到终止位置的新数组。不会修改原有数组，而是返回一个新的子数组。

let arr = [1, 2, 3, 4, 5];
let subArr = arr.slice(2, 4); // 从第3个元素到第4个元素

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

8. splice

splice方法可以删除原数组的一部分元素，并可以在删除的位置添加新的元素，返回被删除的元素组成的新数组。

let arr = [1, 2, 3, 4, 5];
let removed = arr.splice(2, 2, 6, 7); // 先删除从位置2到位置3的元素，然后在位置2插入6和7

console.log(arr); // [1, 2, 6, 7, 5]
console.log(removed); // [3, 4]

三、总结

本文介绍了JavaScript数组的常用方法，包括push、pop、shift、unshift、reverse、sort、slice和splice。通过这些方法，可以更好地操作数组，并完成更多有趣的任务。