JavaScript中扩展Array contains方法实例

更新时间：2020年08月23日 23:52:42 投稿：junjie

这篇文章主要介绍了JavaScript中扩展Array contains方法实例,本文直接给出实现代码,需要的朋友可以参考下

首先程序员之家小编先为大家分享一个比较好用的代码

Array.prototype.contains = function (a)
{
  if ("string" == typeof a || "number" == typeof a) {
    for (var b in this) {
      if (a == this [b]) {
        return!0;
      };
    }
  }
  return!1
};

先判断传入的参考是字符与数字才可以判断，这样就比较精准。

下面是一些推荐资料可以看看

javascript的Array没有contains方法，有时候这会不方便，contains方法实现很简单：

function contains(a, obj) {
 var i = a.length;
 while (i--) {
  if (a[i] === obj) {
   return true;
  }
 }
 return false;
}

当然我们也可以扩展Array类，如下js

Array.prototype.contains = function(obj) {
 var i = this.length;
 while (i--) {
  if (this[i] === obj) {
   return true;
  }
 }
 return false;
}

这样就可以方便的使用contains方法了：

alert([1, 2, 3].contains(2)); // => true
alert([1, 2, 3].contains('2')); // => false

下面是程序员之家小编整理的几种方法

一个小误区 JS中的contains

在Java语言中，contains可以用于判断str1是否包含str2

原生JS中是有contains方法的

结构与测试代码如下

<div id="div1">
<div id="div2">
jb51.net
</div>
</div>
<script type="text/javascript">
var div1= document.getElementById("div1");
var div2= document.getElementById("div2");
console.log(div1.contains(div2));

var str1="jb51.net";
var str2="jb51";
console.log(str1.contains(str2));
</script>

但它并不是字符串方法，，仅用于判断DOM元素的包含关系，参数是Element类型

若要在JS中判断俩字符串的包含关系，用indexOf()

但是我们可以通过扩展的方法来实现

<div id="div1">
<div id="div2">
jb51.net
</div>
</div>
<script type="text/javascript">
var div1= document.getElementById("div1");
var div2= document.getElementById("div2");
console.log("div1.contains(div2)="+div1.contains(div2));

//字符扩展contains就不会报错了
String.prototype.contains = function(a) {
 return - 1 < this.indexOf(a)
};

var str1="jb51.net";
var str2="jb51";
console.log("str1.contains(str2)="+str1.contains(str2));

//数组扩展contains适用于数组判断
Array.prototype.contains = function(a) {
 if ("string" == typeof a || "number" == typeof a) for (var b in this) if (a == this[b]) return ! 0;
 return ! 1
};

var arr1=["jb51.net","jbzj.com","jb51.com"];
var str3="jb51.net";
console.log("arr1.contains(str3)="+arr1.contains(str3));
</script>

下面是运行结果

当然也有通过正则实现的JS扩展Array，添加contains方法

Array.prototype.contains = function(item){
 return RegExp("\\b"+item+"\\b").test(this);
};

直接返回true/false

JS判断Array数组中是否包含指定元素

1.调用方式：

var arr=["a","b"];
alert(arr.in_array("a"))

2.JS判断数组是否包含指定元素方法定义：

Array.prototype.contains = function(obj) {
  var i = this.length;
  while (i--) {
    if (this[i] === obj) {
      return true;
    }
  }
  return false;
}
或
Array.prototype.contains = function(element) {
  for (var i = 0; i < this.length; i++) {
    if (this[i] == element) {
      return true;
    }
  }
  return false;
}
或
Array.prototype.in_array = function(e) {
  for(i=0; i<this.length && this[i]!=e; i++);
  return !(i==this.length);
}


还有一个大牛是这样写的：
Array.prototype.S = String.fromCharCode(2);
Array.prototype.in_array = function(e) {
  var r = new RegExp(this.S+e+this.S);
  return (r.test(this.S+this.join(this.S)+this.S));
}

站外扩展：

Jquery实现方式：http://api.jquery.com/jQuery.inArray/

具体选择看个人需求，程序员之家小编建议能不用正则则不用，效率问题，代码是简洁就怕一些老的浏览器不支持。

您可能感兴趣的文章:

JS如何实现页面截屏功能实例代码
这篇文章主要给大家介绍了关于JS如何实现页面截屏功能的相关资料,文中主要利用了html2canvas和canvas绘制两个方法来实现,需要的朋友可以参考下
2021-06-06
判断某个字符在一个字符串中是否存在的js代码
这篇文章主要介绍了判断某个字符在一个字符串中是否存在的方法,需要的朋友可以参考下
2014-02-02
js 二进制流转图片的操作方法
这篇文章主要介绍了js 二进制流转图片的操作方法,接收数据大家需要注意,如果后端的接口是get方法,可以直接使用img标签,本文通过示例代码讲解的非常详细,需要的朋友参考下吧
2023-12-12
js实现简单模态窗口，背景灰显
昨天中午做项目需要一个模态窗口，想起上一个公司的项目经理曾经做过一个比较牛的模态窗口，至今没用搞清楚实现原理，平时也没有时间去分析，试着自己做了一个，用了一天的时间终于完成了，给大家一起分享，也希望高手多提意见。第一次在博客园上发文章，挺高兴的。
2008-11-11
JS手写一个自定义Promise操作示例
这篇文章主要介绍了JS手写一个自定义Promise操作,结合实例形式分析了JS自定义Promise的实现与使用相关操作技巧,需要的朋友可以参考下
2020-03-03
js实现菜单跳转效果
这篇文章主要为大家详细介绍了js实现菜单跳转效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-12-12
JS优化冗余代码的技巧分享
这篇文章主要为大家整理了18个JavaScript优化冗余代码的技巧，文中的示例代码简洁易懂，具有一定的借鉴价值，感兴趣的小伙伴可以了解一下
2023-08-08
JavaScript实现类似淘宝的购物车效果
这篇文章主要介绍了JavaScript实现购物车特效的相关资料，文中通过示例代码详细介绍了，利用Javascript如何实现类似淘宝购物车中商品的单选、全选、删除、修改等功能，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-03-03
JavaScript判断数组成员的几种方法
这篇文章主要介绍了JavaScript判断数组成员的几种方法,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下
2022-08-08
异步加载script的代码
通过异步请求另一页面的script 是不执行的，只返回html 原文件，因为返回的文本没有经过浏览器的解析执行。
2011-01-01