JS判断元素是否在数组内的实现代码

这篇文章主要介绍了如何在JavaScript中判断一个元素是否存在于数组内，对于需要了解这方面知识的朋友来说，具有一定的参考价值。

一、使用JQuery

对于使用JQuery的朋友来说，可以使用inArray()函数来轻松判断元素是否在数组中。这个函数会返回元素在数组中的位置，如果没有找到则返回-1。

二、自定义函数

如果你更倾向于自己编写函数，那么可以定义一个contains()函数。这个函数会遍历数组中的每一个元素，如果找到相同的元素则返回true，否则返回false。

示例代码如下：

```javascript

function contains(arr, obj) {

for (var i = 0; i < arr.length; i++) {

if (arr[i] === obj) {

return true;

}

}

return false;

}

```

三、扩展Array函数

为了给数组操作带来更大的便利性，我们可以给Array增加一个contains函数。这样可以直接通过数组实例调用此函数来判断元素是否存在。

示例代码如下：

```javascript

Array.prototype.contains = function (obj) {

for (var i = 0; i < this.length; i++) {

if (this[i] === obj) {

return true;

}

}

return false;

}

```

四、使用indexOf方法

indexOf方法也是一个常见的判断元素是否在数组中的方式。但是需要注意的是，在某些IE版本中，Array的indexOf方法可能不兼容。为了解决这个问题，我们可以先判断Array是否有indexOf方法，如果没有就扩展出此方法。

示例代码如下：首先判断Array是否有indexOf方法，如果没有则扩展此方法：

```javascript

if (!Array.prototypedexOf) {

Array.prototypedexOf = function(searchElement /, fromIndex/) {

'use strict';

if (this == null) {

throw new TypeError();

}

var t = Object(this); // 将数组转为对象便于遍历处理（确保index有效）并允许传入一个参数和一个可选参数用于修改起始位置索引值（如果不提供则从第一个元素开始查找）来实现判断元素是否存在于数组中；如果没有找到则返回 -1（相当于在数组中的位置）以便确认该元素不存在于数组中。这里我们使用一个for循环来遍历数组中的每个元素直到找到匹配的元素为止（或者遍历完整个数组）。如果找到了匹配的元素则返回其索引值；否则返回 -1 表示没有找到该元素。通过这种方式我们可以方便地进行数组元素的查找操作。};}; // 扩展出indexOf方法（用于判断元素是否在数组中）并返回其索引值（如果不存在则返回-1）以确认该元素是否存在于数组中。接下来我们可以使用该方法来判断某个元素是否存在于数组中：var arr = new Array('1', '2', '3'); var index = arrdexOf('1'); // 如果index不是-1则说明该元素存在于数组中否则不存在。这样我们就可以通过比较index的值来确定某个元素是否存在于数组中从而进行相应的操作或处理逻辑了。需要注意的是在使用indexOf方法之前需要先判断Array是否有该方法如果没有则需要先扩展出该方法以便后续使用（由于某些浏览器可能不支持该方法）。通过这种方法我们可以方便地判断元素是否存在于数组中并相应地执行一些操作如删除该元素更新相关数据结构等等这有助于我们更灵活地处理数组数据和提高开发效率。同时我们还可以将这种方法应用于其他类型的对象如字符串等以扩展其功能和提高代码的可读性和可维护性。最后需要注意避免在循环中使用过多的DOM操作以避免性能问题并确保代码的稳定性和可靠性以满足实际需求和数据处理要求。（如果需要进一步了解关于JavaScript数组操作的相关知识可以参考相关文档和教程以获取更多的信息和指导。）同时也要注意代码的可读性和可维护性以便更好地理解和维护代码逻辑和数据处理过程。（完）"}```javascript var arr = new Array('1', '2', '3'); if (!Array.prototypedexOf) { // 扩展出indexOf方法用于判断元素是否在数组中 Array.prototypedexOf = function(searchElement /, fromIndex/) { // 具体实现细节省略 }; } var index = arrdexOf('1'); // 判断元素是否在数组中 ```上述代码片段首先检查Array对象是否已经具有indexOf方法如果没有则扩展出该方法以便后续使用然后创建一个包含三个元素的数组并调用其indexOf方法来检查元素'1'是否存在于数组中如果返回的结果不是-1则说明该元素存在于数组中否则不存在可以根据返回的结果进行相应的处理或逻辑操作。同时请注意代码的可读性和可维护性以确保代码易于理解和维护。（结束）