前端开发技术点总结（四）：JS常用数组方法和去重

一、数组操作 

1、Array.map()

此方法的作用是，通过调用一个函数来对数组中的每个元素进行相关处理，将结果作为一个新的数组返回，但并没有改变原来的数组：

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(function(item) {
  return item * item;
});
console.log(squaredNumbers); // 输出: [1, 4, 9, 16, 25]

2、Array.forEach()

此方法的作用是，将数组中的每个元素遍历并且传递给回调函数，方法执行之后没有返回值，原数组未改变，注意和map方法的区别（map有返回值，：

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

let arr2 = arr.forEach((item) => {
    console.log(item * 2)
    return item * 2
});

console.log(arr, 'arr')   //[1, 2, 3, 4, 5] 'arr'
console.log(arr2, 'arr2') //undefined 'arr2'

foreach 主要用于执行一系列操作，通常没有返回值。

map 则是创建一个新集合，该集合由原集合中的元素通过指定的函数映射而来。

3、Array.filter()

此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回：

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

const isBigEnough = value => value >= 3;

let newArr = arr.filter(isBigEnough);

console.log(newArr); //[3, 4, 5] 满足条件的元素返回为一个新的数组

console.log(arr); //[1, 2, 3, 4, 5] 原数组不改变

4、Array.every()

此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回true，否则为false：

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

const isLessThan4 = value => value < 4;

const isLessThan6 = value => value < 6;

    arr.every(isLessThan4); //false

    arr.every(isLessThan6); //true

5、Array.some()

此方法是将所有元素进行判断返回一个布尔值，如果存在元素满足判断条件，则返回true，若所有元素都不满足判断条件，则返回false：

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

const isLessThan4 = value => value < 4;

const isLessThan6 = value => value > 6;

    arr.some(isLessThan4); //true

    arr.some(isLessThan6); //false

6、Array.reduce()

在 JavaScript 中，reduce() 方法用于将数组减少到一个单一的值。