編寫js擴(kuò)展方法判斷一個數(shù)組中是否包含某個元素
更新時間:2013年11月08日 17:13:07 作者:
判斷集合是否包含某個元素我們可以利用js的原型擴(kuò)展來封裝一個我們自己的Contains方法,具體思路及實現(xiàn)如下,感興趣的朋友可以參考下
在C#語法中判斷集合是否包含某個元素可以使用Contains方法,但是類似的問題在javascript中要怎么處理呢,js中沒有Contains方法。
我們可以利用js的原型擴(kuò)展來封裝一個我們自己的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) { //如果數(shù)組中某個元素和你想要測試的元素對象element相等,則證明數(shù)組中包含這個元素,返回true
return true;
}
}
}
//用一個例子來驗證一些我們封裝的方法
var $subCategoryID = $("#hidSubCategory").val();
var $subCategoryIDs = new Array(); //構(gòu)造一個數(shù)組對象
$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>
驗證發(fā)現(xiàn)其實使用contains方法的數(shù)組對象不必顯式聲明,即上面代碼中的斜體部分可以簡寫為:
var $subCategoryID = $("#hidSubCategory").val().split(",");
我們可以利用js的原型擴(kuò)展來封裝一個我們自己的Contains方法。
js代碼:
復(fù)制代碼 代碼如下:
<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) { //如果數(shù)組中某個元素和你想要測試的元素對象element相等,則證明數(shù)組中包含這個元素,返回true
return true;
}
}
}
//用一個例子來驗證一些我們封裝的方法
var $subCategoryID = $("#hidSubCategory").val();
var $subCategoryIDs = new Array(); //構(gòu)造一個數(shù)組對象
$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>
驗證發(fā)現(xiàn)其實使用contains方法的數(shù)組對象不必顯式聲明,即上面代碼中的斜體部分可以簡寫為:
復(fù)制代碼 代碼如下:
var $subCategoryID = $("#hidSubCategory").val().split(",");
相關(guān)文章
JS實現(xiàn)隱藏同級元素后只顯示JS文件內(nèi)容的方法
這篇文章主要介紹了JS實現(xiàn)隱藏同級元素后只顯示JS文件內(nèi)容的方法,可實現(xiàn)將與js文件的同級元素全部隱藏,只顯示js文件內(nèi)容的功能,涉及javascript針對頁面元素的遍歷與屬性修改相關(guān)技巧,需要的朋友可以參考下2016-09-09
JavaScript SweetAlert插件實現(xiàn)超酷消息警告框
SweetAlert是一款使用純js制作的消息警告框插件.這篇文章主要介紹了JavaScript SweetAlert插件實現(xiàn)超酷消息警告框的相關(guān)資料,需要的朋友可以參考下2016-01-01
躲避這些會改變原數(shù)組JavaScript數(shù)組方法讓開發(fā)流暢無阻
JavaScript中有些數(shù)組的操作方法并不符合我們預(yù)期,容易導(dǎo)致想象不到的結(jié)果,因此,為避免這種情況的發(fā)生,本文將介紹哪些原生數(shù)組方法能改變原數(shù)組以及我對于如何更好地使用數(shù)組方法的建議2023-05-05

