JavaScript:如何检查数组是否包含特定值?


在本文中,我们将讨论数组的构造。创建数组后,我们将通过检查特定值是否存在于数组中来查找该值。

但在检查任何特定值之前,让我们看看如何在 JavaScript 中创建数组。

语法

let array = [arrayItem1, arrayItem2, arrayItem3 ...]

创建数组后,让我们看看如何从数组中搜索特定值。有多种方法可以搜索元素是否存在于数组中。下面我们将讨论这些方法。

方法一

这是检查数组中是否存在值的一种传统方法。

在这种方法中,我们将使用 for 循环遍历数组的所有值,并检查每个值与需要搜索的值是否相等。

找到值后,我们将中断循环并返回 true。否则,如果迭代完成而没有找到值,我们将返回 false。

示例 1

在下面的示例中,我们将遍历值以检查所需的值是否存在于数组中。

# index.html

<!DOCTYPE html>
<html lang="en">
<head>
   <title>ncode & Decode URL</title>
</head>
<body>
   <h1 style="color: green;">
      Welcome To Tutorials Point
   </h1>
   <script>
      let employees_array = [
         "steve",
         "mark",
         "mike",
         "bill",
         "henry",
         "orion",
      ];
      let valueChecker = (value) => {
         for (let i = 0; i < employees_array.length; i++) {
            let current_value = employees_array[i];
            if (value === current_value) {
               return value + " is present at index: " + i;
            }
         }
         return value + " is not included in this array..";
      };
      console.log(valueChecker("mike"));
      console.log(valueChecker("casey"));
      console.log(valueChecker("henry"));
   </script>
<body>
</html>

输出

结果可以在控制台中找到 -

方法二

除了传统方法外,我们还可以使用 JavaScript 提供的 includes() 方法。

includes() 方法检查特定值,并返回 true 或 false。如果数组中存在该值,则返回 true,否则返回 false。

示例 2

在下面的示例中,我们将使用 includes() 方法来检查值是否存在于数组中。

# index.html

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Encode & Decode URL</title>
</head>
<body>
   <h1 style="color: green;">
      Welcome To Tutorials Point
   </h1>
   <script>
      let employees_array = [
         "steve",
         "mark",
         "mike",
         "bill",
         "henry",
         "orion",
      ];
      console.log("Is Mark Exists: " +
      employees_array.includes("mark"));
      console.log("Is Orion Exists: " +
      employees_array.includes("orion"));
      console.log("Is Michael Exists: " +
      employees_array.includes("michael"))
   </script>
</body>
</html>

输出

请查看控制台以查找结果 -

更新于:2022年4月22日

194 次查看

启动您的职业生涯

完成课程后获得认证

开始学习
广告
© . All rights reserved.