超详细的javascript数组方法汇总

来讲一下“超详细的JavaScript数组方法汇总”的完整攻略。

一、概述

本文总结了 JavaScript 数组常用的方法，包括改变原数组的方法和不改变原数组的方法。这些方法可以操作数组中的数据和数据类型，常用于数据处理、排序、循环等操作。阅读完此文，你将会掌握 JavaScript 数组操作的方方面面。

二、改变原数组的方法

JavaScript 中可改变原数组的方法有以下几种。

1. push()

push() 方法将一个或多个元素添加到数组的末尾，并返回新的长度。例如：

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

2. pop()

pop() 方法删除数组的最后一个元素，并返回被删除的元素。例如：

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

3. shift()

shift() 方法删除数组的第一个元素，并返回被删除的元素。例如：

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

4. unshift()

unshift() 方法将一个或多个元素添加到数组的开头，并返回新的长度。例如：

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

5. splice()

splice() 方法用于在数组中添加或删除元素。第一个参数指定添加或删除的位置，第二个参数指定删除的数量，可选的第三个参数及以后的参数指定添加的元素。例如：

let arr = [1, 2, 3];
arr.splice(1, 1, 'a', 'b');
console.log(arr);  // [1, 'a', 'b', 3]

上述例子中，我们在位置 1（索引值为 1）删除了 1 个元素，同时添加了 'a' 和 'b' 两个元素。

三、不改变原数组的方法

JavaScript 中可不改变原数组的方法有以下几种。

1. concat()

concat() 方法用于连接两个或多个数组，返回一个新的数组。例如：

let arr1 = [1, 2, 3];
let arr2 = [4, 5];
let arr3 = arr1.concat(arr2);
console.log(arr3);  // [1, 2, 3, 4, 5]

2. join()

join() 方法用于将数组中的所有元素都转化成字符串，并用指定的分隔符连接起来。例如：

let arr = [1, 2, 3];
let str = arr.join('-');
console.log(str);  // '1-2-3'

3. slice()

slice() 方法用于从数组中提取指定的元素，返回一个新的数组。第一个参数指定开始提取的位置，第二个参数（可选）指定结束位置，不包含该位置对应的元素。例如：

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.slice(1, 3);
console.log(arr2);  // [2, 3]

上述例子中，我们提取了从位置 1（索引值为 1）到位置 3（索引值为 2）的元素，不包括位置 3 对应的元素。

4. filter()

filter() 方法用于过滤数组中的元素，返回一个符合条件的新数组。例如：

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.filter(x => x%2 === 0);
console.log(arr2);  // [2, 4]

上述例子中，我们将数组中的所有偶数过滤出来，形成一个新的数组。

四、总结

本文介绍了常用的 JavaScript 数组方法，包括改变原数组的方法和不改变原数组的方法。当我们需要对数组进行增删改查、排序、循环、过滤等操作时，可以使用这些方法完成。在使用方法时，需要注意参数的选择和处理，才能达到预期的效果。

至此，本文结束，希望读者可以掌握 JavaScript 数组操作的方方面面。