JS数组中常用方法技巧学会进阶成为大佬

JavaScript中的数组(Array)是一种基本数据结构，用于在一个变量中存储多个值。掌握JavaScript中的数组操作方法是成为JS大佬的必备技能之一。本篇攻略将介绍JS中常用的数组方法和技巧。

数组方法

splice()

splice()方法可以从数组中添加或删除元素，并返回被删除的元素。该方法有三个参数：第一个参数是添加或删除的起始位置，第二个参数是删除的元素个数，第三个参数是要添加到数组中的元素。示例代码如下：

const fruits = ['apple', 'banana', 'orange'];
const removedFruits = fruits.splice(1, 1, 'grape', 'peach');
console.log(fruits); // 输出 ["apple", "grape", "peach", "orange"]
console.log(removedFruits); // 输出 ["banana"]

以上代码中：从数组fruits的下标为1的位置开始，删除1个元素（即删除banana），并且在此位置插入了2个元素（即插入grape和peach）。

concat()

concat()方法用于将两个或多个数组合并为一个数组。该方法返回一个新的数组，新数组由原始数组连接而成。示例代码如下：

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

以上代码中：arr1和arr2两个数组被合并为一个新的数组arr3。

slice()

slice()方法用于从一个数组中选取一个子数组，返回一个新数组。该方法有两个参数：第一个参数是选取的起始位置，第二个参数是选取的结束位置（不包含该位置的元素）。示例代码如下：

const arr = ['a', 'b', 'c', 'd', 'e'];
const newArr = arr.slice(1, 4);
console.log(newArr); // 输出 ["b", "c", "d"]

以上代码中：从数组arr的下标为1的位置开始，选取到下标为4（不包同该位置）的元素，组成一个新的数组newArr。

map()

map()方法创建一个新数组，其结果是调用一个提供的函数，该函数将原数组的每个元素传输到新数组中。该方法有一个参数：一个函数，该函数的每个元素都会被调用。示例代码如下：

const arr = [1, 2, 3, 4];
const newArr = arr.map(x => x * 2);
console.log(newArr); // 输出 [2, 4, 6, 8]

以上代码中：将数组arr的每个元素乘以2，生成一个新的数组newArr。

reduce()

reduce()方法对数组中的元素依次执行指定的回调函数，最终返回一个单一的值（汇总结果）。回调函数有四个参数：累加器，当前值，当前索引和当前数组。示例代码如下：

const arr = [1, 2, 3, 4];
const sum = arr.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);
console.log(sum); // 输出 10

以上代码中：将数组arr中每个元素相加，生成一个求和值sum。

技巧

去重

利用Set和Array.from()实现数组去重。示例代码如下：

const arr = [1, 2, 2, 3, 4, 4, 5];
const uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]

以上代码中：利用Set去重，再利用Array.from()将Set转换为数组。

数组乱序

利用sort()和Math.random()乱序数组。示例代码如下：

const arr = [1, 2, 3, 4, 5];
arr.sort(() => Math.random() - 0.5);
console.log(arr); // 输出随机排序的数组

以上代码中：利用sort()方法和Math.random()实现数组随机排序。

总结

掌握JS数组中常用方法和技巧，可以快速、高效地处理数组。本篇攻略介绍了splice()、concat()、slice()、map()、reduce()等常用方法，以及去重和数组乱序的技巧。希望读者在实践中掌握这些技能，成为JS大佬。