JavaScript 数组过滤方法:详细指南
JavaScript 数组过滤方法:详细指南
JavaScript 提供了多种方法来操作和处理数组,其中一些方法专注于过滤数组中的元素。以下是一些常用的数组过滤方法:
-
filter():该方法会返回一个新数组,其中包含原始数组中满足指定条件的所有元素。
示例:
const numbers = [1, 2, 3, 4, 5]; const evenNumbers = numbers.filter(number => number % 2 === 0); console.log(evenNumbers); // 输出 [2, 4] -
map():该方法会返回一个新数组,其中包含对原始数组中每个元素进行指定操作后的结果。
示例:
const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map(number => number * 2); console.log(doubledNumbers); // 输出 [2, 4, 6, 8, 10] -
reduce():该方法会返回一个新的值,该值由对原始数组中每个元素进行指定操作的结果累加而成。
示例:
const numbers = [1, 2, 3, 4, 5]; const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0); console.log(sum); // 输出 15 -
find():该方法会返回原始数组中满足指定条件的第一个元素,如果没有找到,则返回 undefined。
示例:
const numbers = [1, 2, 3, 4, 5]; const firstEvenNumber = numbers.find(number => number % 2 === 0); console.log(firstEvenNumber); // 输出 2 -
findIndex():该方法会返回原始数组中满足指定条件的第一个元素的索引,如果没有找到,则返回 -1。
示例:
const numbers = [1, 2, 3, 4, 5]; const firstEvenNumberIndex = numbers.findIndex(number => number % 2 === 0); console.log(firstEvenNumberIndex); // 输出 1 -
slice():该方法会返回一个新数组,其中包含原始数组中指定范围的元素。
示例:
const numbers = [1, 2, 3, 4, 5]; const slicedNumbers = numbers.slice(1, 4); console.log(slicedNumbers); // 输出 [2, 3, 4] -
splice():该方法会修改原始数组,删除指定范围的元素,并将新的元素插入到该范围中。
示例:
const numbers = [1, 2, 3, 4, 5]; numbers.splice(1, 2, 6, 7); console.log(numbers); // 输出 [1, 6, 7, 4, 5]
通过这些方法,你可以方便地对数组进行过滤、映射、累加、查找和修改操作,以满足各种编程需求。
原文地址: https://www.cveoy.top/t/topic/lVJr 著作权归作者所有。请勿转载和采集!