📜  过滤器数组 - Javascript (1)

📅  最后修改于: 2023-12-03 15:41:54.446000             🧑  作者: Mango

过滤器数组 - JavaScript

在 JavaScript 中,过滤器数组可以用来过滤数组中的元素,符合特定条件的元素将会被留下,不符合条件的元素将被删除。

基本语法
array.filter(callback[, thisArg])
  • callback:回调函数,用来定义过滤器逻辑的函数。它接收三个参数:当前被处理的元素、元素的索引和数组本身。如果没有索引和数组本身则只会接受一个参数。
  • thisArg(可选):执行 callback 时使用的 this 值。
例子
过滤出偶数
const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // 输出 [2, 4, 6]
过滤出包含“a”的元素
const fruits = ['apple', 'banana', 'orange', 'pear'];
const fruitsWithA = fruits.filter(fruit => fruit.includes('a'));
console.log(fruitsWithA); // 输出 ['apple', 'banana', 'orange']
过滤出不重复的元素
const numbers = [1, 2, 1, 3, 4, 2];
const uniqueNumbers = numbers.filter((num, index, array) => array.indexOf(num) === index);
console.log(uniqueNumbers); // 输出 [1, 2, 3, 4]
注意事项
  • 过滤器数组不会修改原数组,而是返回新的数组。
  • 如果回调函数返回 true,则该元素将被保留,否则不会保留。