ES12 中数组的新方法 contains() 的实际应用-JavaScript中文网-JavaScript教程资源分享门户

随着 JavaScript 的发展，每一个新版本都会带来一些新的功能和特性，其中 ES12 带来了许多有用的新方法，其中包括一个被广泛关注的新方法叫做 contains()，该方法可以方便地判断一个数组是否包含某个特定的元素。在本文中，我们将详细介绍该方法的实际应用，并提供一些示例代码和学习指南。

基本介绍

ES12 新增的 contains() 方法是一种用来检测数组是否含有指定元素的方法。它是一个 Array.prototype 上的新方法，可以用来判断一个数组是否含有一个指定的元素，并返回一个布尔值。

contains() 方法接收一个参数，这个参数是要查找的元素，它可以是任意值，例如数字、字符串、对象等。如果数组中包含了这个值，则返回 true；否则返回 false。

实际应用

contains() 方法可以在许多场景下方便地使用。例如，我们可以使用它来检测某个元素是否属于一个数组。如果返回 true，则表示数组中包含了该元素；如果返回 false，则表示该元素不在数组中。

const list = ["apple", "banana", "pear"];
console.log(list.contains("banana")); // output: true
console.log(list.contains("orange")); // output: false

contains() 方法可以在搜索大型数组时非常有用。如果我们需要在一个庞大的数组中查找某个特定的值，例如数学运算的结果或用户输入，我们可以使用 contains() 方法来检测它是否在数组中。

const arr = [2, 4, 6, 8, 10, 12, 14];
const userNum = parseInt(prompt("Please enter a number: "));
console.log(arr.contains(userNum));

contains() 方法可以与其他数组方法结合使用，例如 filter() 或 map()。例如，如果我们想找到数组中大于某个数字的所有元素，我们可以使用 filter() 方法来创建一个新的数组，然后使用 contains() 方法来检查指定的元素是否在该数组中。

const arr = [3, 7, 11, 15, 19];
const newArray = arr.filter(num => num > 10);
console.log(newArray.contains(11));

学习指南

要学习如何使用 contains() 方法，并从中受益，我们需要先对 JavaScript 中的数组方法有一定的基础知识。此外，我们还应该了解 JavaScript 的基本语法和数据类型。

以下是一些有助于学习 contains() 方法的资源：

MDN Web Docs：通常是 JavaScript 开发过程中的第一站，提供了有关该方法的详细文档、示例和用例。
ES6 入门教程：了解在 ES6 中引入的新 JavaScript 语言特性。
JavaScript 语言基础知识：提供了有关 JavaScript 语言基础知识的指南，包括变量、运算符、函数等等。

结论

contains() 方法是 ES12 中非常有用的新功能，它提供了一种方便快捷的方式来检测数组是否包含某个特定的元素。我们可以在许多场景中使用它，例如在大型数组中搜索、检测用户输入以及结合其他数组方法来过滤元素等等。通过这篇文章，您应该了解了 contains() 方法的基本使用方式和它的一些实际应用场景。在学习 JavaScript 数组方法时，应该优先考虑使用 contains() 方法来检测数组中是否包含某个元素。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6704ff69d91dce0dc851432e