介绍
eslint-plugin-prefer-includes 是一款 ESLint 插件，它可以帮助开发者在代码中使用 Array.prototype.includes() 方法来取代 Array.prototype.indexOf() 方法，从而提高代码的可读性和可维护性。
安装
你可以通过 npm 进行安装：
npm install eslint-plugin-prefer-includes --save-dev
这里我们使用 --save-dev 参数来将插件安装到项目的开发依赖中。
接下来，你需要在项目的 ESLint 配置文件中添加 prefer-includes 插件。通常这个文件的名字是 .eslintrc.json 或者 .eslintrc.js。
{
"plugins": ["prefer-includes"],
"rules": {
"prefer-includes/prefer-includes": "error"
}
}或者
module.exports = {
plugins: ["prefer-includes"],
rules: {
"prefer-includes/prefer-includes": "error"
}
}这个配置文件会启用 prefer-includes 插件，并且使用 error 级别的规则。
使用
你可以在代码中使用 Array.prototype.includes() 方法来替换 Array.prototype.indexOf() 方法。
如下所示：
const arr = [1, 2, 3]; console.log(arr.indexOf(1) >= 0); // false console.log(arr.includes(1)); // true
在上面的示例中，我们将 arr.indexOf(1) >= 0 替换成了 arr.includes(1)。
在这个例子中，我们能够发现使用 arr.includes(1) 会让代码更加清晰易懂。同时，它还可以帮助我们避免一些潜在的错误。
更多示例
下面是一些实际的代码示例，它们使用 Array.prototype.includes() 方法替换了 Array.prototype.indexOf() 方法。
-- -------------------- ---- ------- -- -- -------- -- ------- ------------- -- ---------- --------- ----------------------------- - ----------------------- - -- ------------ ----- --- - -- --- -- ----- ------- -- - --- -- ----- ----- --- ----- ------ - - --- -- ----- ----- -- -- ----------- -- ---- --- --------- -- ------ --- ------------- - ----------------- ------- - -- -------------- ----- --- - --------- --------- ---------- ----- ------ - --------- -- ---------------------- - ----------------------- -
结论
eslint-plugin-prefer-includes 插件可以帮助我们在代码中使用 Array.prototype.includes() 方法，取代 Array.prototype.indexOf() 方法，以使代码更加清晰易懂。当你使用这个插件时，请记得配置正确的规则并使用示例代码来检查你的代码是否符合相关的规范。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbe51b5cbfe1ea0611b58