在前端开发中，我们经常需要实现搜索功能。而有时候，我们希望能够通过输入关键词来进行模糊搜索，即能够匹配到包含该关键词的数据。在 ES7 中，可以使用 Array.prototype.includes 方法来实现这一功能。
Array.prototype.includes 方法简介
Array.prototype.includes 方法用于判断一个数组是否包含给定的值，并返回一个布尔值。该方法的语法如下：
array.includes(valueToFind[, fromIndex])
其中，valueToFind 是要查找的值，fromIndex 是可选参数，表示从哪个索引开始查找。如果省略 fromIndex，则默认从数组的第一个元素开始查找。
该方法返回一个布尔值，表示是否找到了指定的值。如果找到了，返回 true；否则，返回 false。
使用 Array.prototype.includes 实现模糊搜索
在 ES7 中，我们可以使用 Array.prototype.includes 方法来实现模糊搜索。具体来说，我们可以将要搜索的关键词转换成小写字母，然后遍历数组中的每个元素，将其也转换成小写字母，并使用 includes 方法判断是否包含搜索关键词。如果包含，则将该元素添加到结果数组中。
下面是一个示例代码：
-- -------------------- ---- ------- ----- ---- - --------- --------- --------- --------- ----- ------- - ---- ----- ------ - ---------------- -- - ----- ------------- - ------------------- ----- ---------------- - ---------------------- ------ ----------------------------------------- --- -------------------- -- --------- --------- ---------
在上面的代码中，我们定义了一个 data 数组，其中包含了一些水果名称。我们希望能够搜索包含字母 "a" 的水果名称。因此，我们定义了一个 keyword 变量，并将其赋值为 "a"。
接着，我们使用 filter 方法遍历 data 数组中的每个元素，并使用 includes 方法判断该元素是否包含关键词。如果包含，则将该元素添加到结果数组中。最后，我们打印出结果数组。
总结
ES7 中的 Array.prototype.includes 方法可以帮助我们实现模糊搜索功能。通过将要搜索的关键词转换成小写字母，并使用 includes 方法判断数组元素是否包含该关键词，我们可以筛选出符合条件的元素，并返回一个结果数组。
在实际开发中，我们可以根据具体的需求来对搜索功能进行定制。例如，我们可以支持多关键词搜索、支持大小写敏感或不敏感等。通过灵活运用 ES7 中的语法，我们可以打造出更加强大、智能的搜索功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66043bc2d10417a222158039