編寫(xiě)js擴(kuò)展方法判斷一個(gè)數(shù)組中是否包含某個(gè)元素
更新時(shí)間：2013年11月08日 17:13:07 作者：
判斷集合是否包含某個(gè)元素我們可以利用js的原型擴(kuò)展來(lái)封裝一個(gè)我們自己的Contains方法，具體思路及實(shí)現(xiàn)如下，感興趣的朋友可以參考下
在C#語(yǔ)法中判斷集合是否包含某個(gè)元素可以使用Contains方法，但是類似的問(wèn)題在javascript中要怎么處理呢，js中沒(méi)有Contains方法。
我們可以利用js的原型擴(kuò)展來(lái)封裝一個(gè)我們自己的Contains方法。
js代碼：
<script type="text/javascript">
$(function () {
Array.prototype.contains = function (element) { //利用Array的原型prototype點(diǎn)出一個(gè)我想要封裝的方法名contains
for (var i = 0; i < this.length; i++) {
if (this[i] == element) { //如果數(shù)組中某個(gè)元素和你想要測(cè)試的元素對(duì)象element相等，則證明數(shù)組中包含這個(gè)元素，返回true
return true;
}
}
}
//用一個(gè)例子來(lái)驗(yàn)證一些我們封裝的方法
var $subCategoryID = $("#hidSubCategory").val();
var $subCategoryIDs = new Array(); //構(gòu)造一個(gè)數(shù)組對(duì)象
$subCategoryIDs = $subCategoryID.split(","); //為數(shù)組賦值
$("input[type=radio]").each(function () {
if ($subCategoryIDs.contains($(this).attr("id"))) { //利用contains方法判斷數(shù)組中是否含有$(this).attr("id")
$(this).attr("checked", true);
}
})
})
</script>
驗(yàn)證發(fā)現(xiàn)其實(shí)使用contains方法的數(shù)組對(duì)象不必顯式聲明，即上面代碼中的斜體部分可以簡(jiǎn)寫(xiě)為：
var $subCategoryID = $("#hidSubCategory").val().split(",");
我們可以利用js的原型擴(kuò)展來(lái)封裝一個(gè)我們自己的Contains方法。
js代碼：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function () {
Array.prototype.contains = function (element) { //利用Array的原型prototype點(diǎn)出一個(gè)我想要封裝的方法名contains
for (var i = 0; i < this.length; i++) {
if (this[i] == element) { //如果數(shù)組中某個(gè)元素和你想要測(cè)試的元素對(duì)象element相等，則證明數(shù)組中包含這個(gè)元素，返回true
return true;
}
}
}
//用一個(gè)例子來(lái)驗(yàn)證一些我們封裝的方法
var $subCategoryID = $("#hidSubCategory").val();
var $subCategoryIDs = new Array(); //構(gòu)造一個(gè)數(shù)組對(duì)象
$subCategoryIDs = $subCategoryID.split(","); //為數(shù)組賦值
$("input[type=radio]").each(function () {
if ($subCategoryIDs.contains($(this).attr("id"))) { //利用contains方法判斷數(shù)組中是否含有$(this).attr("id")
$(this).attr("checked", true);
}
})
})
</script>
驗(yàn)證發(fā)現(xiàn)其實(shí)使用contains方法的數(shù)組對(duì)象不必顯式聲明，即上面代碼中的斜體部分可以簡(jiǎn)寫(xiě)為：
復(fù)制代碼 代碼如下:
var $subCategoryID = $("#hidSubCategory").val().split(",");
相關(guān)文章
JS OOP包機(jī)制,類創(chuàng)建的方法定義
JS OOP包機(jī)制,類創(chuàng)建的方法定義,需要的朋友可以參考下。2009-11-11
奇妙的js...2007-09-09
JS實(shí)現(xiàn)隱藏同級(jí)元素后只顯示JS文件內(nèi)容的方法
這篇文章主要介紹了JS實(shí)現(xiàn)隱藏同級(jí)元素后只顯示JS文件內(nèi)容的方法,可實(shí)現(xiàn)將與js文件的同級(jí)元素全部隱藏,只顯示js文件內(nèi)容的功能,涉及javascript針對(duì)頁(yè)面元素的遍歷與屬性修改相關(guān)技巧,需要的朋友可以參考下2016-09-09
本文主要介紹了javascript 正則表達(dá)式去空行方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
JavaScript SweetAlert插件實(shí)現(xiàn)超酷消息警告框
SweetAlert是一款使用純js制作的消息警告框插件.這篇文章主要介紹了JavaScript SweetAlert插件實(shí)現(xiàn)超酷消息警告框的相關(guān)資料,需要的朋友可以參考下2016-01-01
本文主要介紹了JavaScript模仿塊級(jí)作用域的方法，具有一定的參考價(jià)值。下面跟著小編一起來(lái)看下吧2016-12-12
躲避這些會(huì)改變?cè)瓟?shù)組JavaScript數(shù)組方法讓開(kāi)發(fā)流暢無(wú)阻
JavaScript中有些數(shù)組的操作方法并不符合我們預(yù)期，容易導(dǎo)致想象不到的結(jié)果，因此，為避免這種情況的發(fā)生，本文將介紹哪些原生數(shù)組方法能改變?cè)瓟?shù)組以及我對(duì)于如何更好地使用數(shù)組方法的建議2023-05-05
canvas實(shí)現(xiàn)手機(jī)端用來(lái)上傳用戶頭像的代碼
這篇文章主要介紹了canvas實(shí)現(xiàn)手機(jī)端用來(lái)上傳用戶頭像的代碼代碼簡(jiǎn)單易懂非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了Javascript Dom元素獲取和添加詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
一個(gè)字符串String=“adadfdfseffserfefsefseetsdg”，找出里面出現(xiàn)次數(shù)最多的字母和出現(xiàn)的次數(shù)。 經(jīng)典的解答思路為：取出字符串的第一個(gè)字符（首字母），利用的字符串的 replace 方法將符合正則表達(dá)式（第一個(gè)字符）替代為空，此字母出現(xiàn)的次數(shù)為原始的字符串長(zhǎng)度減去替代后的字符串長(zhǎng)度。循環(huán)迭代找出長(zhǎng)度最長(zhǎng)的字母。2008-03-03