JavaScript数组之includes、reduce

一、JavaScript数组之includes、reduce

1、JavaScript语言的更新为开发者带来了更多便利。本文旨在深入探讨JavaScript数组中的`includes`和`reduce`方法，帮助开发者提高编程效率。

2、`includes`方法是ES7版本引入的新特性。其作用在于判断数组是否包含指定值。方法接受两个参数，第一个是需要查找的值，第二个是可选的起始索引。如果数组中包含指定值，则返回`true`，否则返回`false`。

3、arr.includes(valueToFind[, fromIndex])

4、通过`includes`方法，可以实现简洁的查找功能。示例代码展示了如何使用`includes`方法：

5、console.log(arr.includes(3));//输出 true

6、`reduce`方法是JavaScript的内置函数，用于将数组中的元素进行聚合，最终返回一个单一值。它接受两个参数：一个回调函数和可选的初始值。回调函数用于处理数组的每个元素，并积累结果。

7、Array.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])

8、每次调用回调函数时，参数依次为累积器（accumulator）、当前值（currentValue）、当前索引（index）和数组本身。数组中被删除或未赋值的元素不参与计算。

9、示例代码展示了如何使用`reduce`方法遍历数组并打印当前索引值：

10、 console.log(`当前索引：${currentIndex}`);

11、为了更直观地理解`reduce`方法的使用，我们可以通过实例展示其功能。例如，给定一个数组`ages`和一个数组`names`，实现一个函数，返回一个新数组，包含所有20多岁用户的名字，且全名是三个字的情况。

12、let names= ['张三','李四','王五','赵六'];

13、let result= ages.map((age, index)=>{

14、 if(age>= 20&& age< 30&& names[index].split('').length=== 3){

二、用js实现的一个include函数

用JavaScript实现一个include函数的方式有多种，下面是一个简单的实现方式：

在上述代码中，我们定义了一个名为`include`的函数，它接受两个参数：`mainStr`和`subStr`。这两个参数分别代表主字符串和需要被检查的子字符串。

函数体内，我们使用了JavaScript的内置方法`includes`。这个方法会返回一个布尔值，表示一个字符串是否包含另一个字符串。在这里，我们用`mainStr.includes`来检查`mainStr`是否包含`subStr`。

函数最后返回`includes`方法的执行结果，即如果`mainStr`包含`subStr`，则返回`true`，否则返回`false`。这样就可以方便地判断一个字符串是否包含另一个字符串了。

你可以通过以下方式调用这个函数：

在这个例子中，第一个调用返回`true`，因为字符串"Hello, world!"包含子字符串"world"；而第二个调用返回`false`，因为字符串"Hello!"不包含子字符串"world"。这样你就可以用该函数来实现字符串的包含关系判断了。

三、includes方法

1、includes()函数在JavaScript中扮演着关键角色，它的主要任务是检查一个数组是否包含指定的值。这个方法的返回结果非常直观，如果找到对应值则返回true，反之则返回false。

2、该方法接受两个参数。第一个参数是你打算查找的值，这是搜索的核心。第二个参数则是可选的，它表示从数组的哪个索引位置开始搜索。重要的是，includes()不会对原数组造成任何影响，保持其原始状态。

3、让我们通过一些示例来理解它的使用方法。当我们不指定第二个参数时，像这样：

4、 [1,2,3].includes(2)的结果会返回 true，因为2在数组中。

5、 [1,2,3].includes(4)的结果则是 false，因为4不在数组中。

6、当提供第二个参数时，搜索将从该索引开始：

7、 [1,2,3].includes(2,1)的结果是 true，因为2从索引1开始就在数组中。

8、 [1,2,3].includes(2,3)的结果则是 false，因为从索引3开始，2不在数组剩余部分中。

9、与indexOf()函数相比，includes()的一个显著优点是它直接返回布尔值，这对于编程中的条件判断非常有用。而indexOf()则返回值的索引位置，如果未找到则返回-1。