字符串匹配之includes方法介绍

字符串匹配之includes方法

字符串匹配也是我们在编程中经常遇到的一个事了，不过好在JS强大，为我们提供了includes方法，接下来我就说一下这个方法的要点。

以一个列子为基础吧，讲起来明白些：

需求：有一串字符串，我想要知道这串字符串中有没有我需要的字符。

循序渐进

1. 首先，你可以通过把原有的字符串通过剪切的方法，把一个个字符剪切出来，然后放到一个数组里，然后遍历数组与你所需要的字符串进行对比。

   方法完全OK，但是耗时耗力。

2. 使用我们的includes方法，可以快速帮你进行匹配。

匹配字符串中的字符

我们来看一段代码：

<script>
    // 要匹配的字符串
    var str = "雨";

    var weather = "阵雨雷阵雨暴雨小雨";

    // 进行匹配
    var result = weather.includes(str);

    console.log(result);
</script>

输出的结果是： true

输出true，就代表着，我们在 weather 字符串里匹配到了雨字。

匹配数组中的内容

1. 如果把上面的需求进行升级，我们不在局限于匹配一个字符串中的字了，我们要匹配的字符串是一个特定的天气名词，比如小雨，中雨等。
2. 上面的代码显然就不是适应了，因为上面的字符串匹配逻辑，即便你要匹配雷阵也会返回true，但是显然这不是一个气象名字，不符合要求。

所以我们需要用到数组的匹配，我们在来看一段代码：

<script>
    // 要匹配的字符串
    var str = "中雪";

    var weather2 = ['小雪','中雪','大雪','暴雪'];

    // 进行匹配
    var result = weather2.includes(str);

    console.log(result);
</script>

输出的结果是： true

输出true，就代表着，我们在 weather2 字符串里匹配到了中雪一词。

---

其实如果有心的读者，会发现一点有趣的事情：includes方法有点类似于switch方法，既有相同之处，又互有优劣，使用时可根据情况进行选择。

includes方法使用场景常见于包含不包含，多对一等场景。

例如：

1. 在做天气的逻辑时，不管是中雨，小雨，大雨，统一都用雨的图标来代替，就可以使用includes方法匹配雨这个字。
2. 一个字符串中，如果出现了这个字符串，我们就做什么操作，没有出现做什么操作等。