编写js扩展方法判断一个数组中是否包含某个元素


Posted in Javascript onNovember 08, 2013

在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(",");
Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
Feb 27 Javascript
jquery的相对父元素和相对文档定位示例代码
Aug 02 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
Javascript刷新窗口方法小结
Oct 21 Javascript
javascript深拷贝(deepClone)详解
Aug 24 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
Vue2.0 UI框架ElementUI使用方法详解
Apr 14 Javascript
浅析Vue自定义组件的v-model
Nov 26 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 Javascript
jquery滚动条插件jScrollPane的使用介绍
Nov 08 #Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 #Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 #Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 #Javascript
js去除空格的12种实用方法
Nov 08 #Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 #Javascript
javascript获取url上某个参数的方法
Nov 08 #Javascript
You might like
php echo 输出字符串函数详解
2010/05/13 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
2013/06/02 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
2016/03/30 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
2017/02/09 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
Element UI 自定义正则表达式验证方法
2018/09/04 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
2019/08/12 Javascript
解决layer弹出层中表单不起作用的问题
2019/09/09 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
Javascript实现html转pdf高清版(提高分辨率)
2020/02/19 Javascript
纯js实现无缝滚动功能代码实例
2020/02/21 Javascript
python发送邮件脚本
2018/05/22 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
python 日期排序的实例代码
2019/07/11 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
tensorflow 查看梯度方式
2020/02/04 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
空字符串(“”)和null的区别
2012/11/13 面试题
家长写给孩子的评语
2014/04/18 职场文书
机械专业求职信范文
2014/07/15 职场文书
未中标通知书
2015/04/17 职场文书
2015年幼儿园中班下学期工作总结
2015/05/22 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript
Java中PriorityQueue实现最小堆和最大堆的用法
2021/06/27 Java/Android
Javascript 解构赋值详情
2021/11/17 Javascript