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>输出
请查看控制台以查找结果 -

广告
数据结构
网络
关系数据库管理系统(RDBMS)
操作系统
Java
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP