编写js扩展方法判断一个数组中是否包含某个元素
更新时间：2013年11月08日 17:13:07 作者：
判断集合是否包含某个元素我们可以利用js的原型扩展来封装一个我们自己的Contains方法，具体思路及实现如下，感兴趣的朋友可以参考下
在C#语法中判断集合是否包含某个元素可以使用Contains方法，但是类似的问题在javascript中要怎么处理呢，js中没有Contains方法。
我们可以利用js的原型扩展来封装一个我们自己的Contains方法。
js代码：
<script type="text/javascript">
$(function () {
Array.prototype.contains = function (element) { //利用Array的原型prototype点出一个我想要封装的方法名contains
for (var i = 0; i < this.length; i++) {
if (this[i] == element) { //如果数组中某个元素和你想要测试的元素对象element相等，则证明数组中包含这个元素，返回true
return true;
}
}
}
//用一个例子来验证一些我们封装的方法
var $subCategoryID = $("#hidSubCategory").val();
var $subCategoryIDs = new Array(); //构造一个数组对象
$subCategoryIDs = $subCategoryID.split(","); //为数组赋值
$("input[type=radio]").each(function () {
if ($subCategoryIDs.contains($(this).attr("id"))) { //利用contains方法判断数组中是否含有$(this).attr("id")
$(this).attr("checked", true);
}
})
})
</script>
验证发现其实使用contains方法的数组对象不必显式声明，即上面代码中的斜体部分可以简写为：
var $subCategoryID = $("#hidSubCategory").val().split(",");
我们可以利用js的原型扩展来封装一个我们自己的Contains方法。
js代码：
复制代码 代码如下:
<script type="text/javascript">
$(function () {
Array.prototype.contains = function (element) { //利用Array的原型prototype点出一个我想要封装的方法名contains
for (var i = 0; i < this.length; i++) {
if (this[i] == element) { //如果数组中某个元素和你想要测试的元素对象element相等，则证明数组中包含这个元素，返回true
return true;
}
}
}
//用一个例子来验证一些我们封装的方法
var $subCategoryID = $("#hidSubCategory").val();
var $subCategoryIDs = new Array(); //构造一个数组对象
$subCategoryIDs = $subCategoryID.split(","); //为数组赋值
$("input[type=radio]").each(function () {
if ($subCategoryIDs.contains($(this).attr("id"))) { //利用contains方法判断数组中是否含有$(this).attr("id")
$(this).attr("checked", true);
}
})
})
</script>
验证发现其实使用contains方法的数组对象不必显式声明，即上面代码中的斜体部分可以简写为：
复制代码 代码如下:
var $subCategoryID = $("#hidSubCategory").val().split(",");
相关文章
JS OOP包机制,类创建的方法定义,需要的朋友可以参考下。2009-11-11
奇妙的js...2007-09-09
这篇文章主要介绍了JS实现隐藏同级元素后只显示JS文件内容的方法,可实现将与js文件的同级元素全部隐藏,只显示js文件内容的功能,涉及javascript针对页面元素的遍历与属性修改相关技巧,需要的朋友可以参考下2016-09-09
本文主要介绍了javascript 正则表达式去空行方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
JavaScript SweetAlert插件实现超酷消息警告框
SweetAlert是一款使用纯js制作的消息警告框插件.这篇文章主要介绍了JavaScript SweetAlert插件实现超酷消息警告框的相关资料,需要的朋友可以参考下2016-01-01
本文主要介绍了JavaScript模仿块级作用域的方法，具有一定的参考价值。下面跟着小编一起来看下吧2016-12-12
躲避这些会改变原数组JavaScript数组方法让开发流畅无阻
JavaScript中有些数组的操作方法并不符合我们预期，容易导致想象不到的结果，因此，为避免这种情况的发生，本文将介绍哪些原生数组方法能改变原数组以及我对于如何更好地使用数组方法的建议2023-05-05
这篇文章主要介绍了canvas实现手机端用来上传用户头像的代码代码简单易懂非常不错，具有参考借鉴价值,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了Javascript Dom元素获取和添加详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
一个字符串String=“adadfdfseffserfefsefseetsdg”，找出里面出现次数最多的字母和出现的次数。 经典的解答思路为：取出字符串的第一个字符（首字母），利用的字符串的 replace 方法将符合正则表达式（第一个字符）替代为空，此字母出现的次数为原始的字符串长度减去替代后的字符串长度。循环迭代找出长度最长的字母。2008-03-03
最新评论