判斷方法:1、使用indexOf()方法,語法“arr.indexOf(要查找的值)”;2、使用“arr.find()”方法;3、使用“array.findIndex()”方法;4、使用“$.inArray('要查找的值',arr)”方法。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
Js判斷數(shù)組中是否存在某個元素
方法一:indexOf(item,start);
-
Item:要查找的值;
-
start:可選的整數(shù)參數(shù),缺省則從起始位子開始查找。
indexOf();返回元素在數(shù)組中的位置,如果沒有則返回-1;
例子:var arr=['aaa','bbb','ccc','ddd','eee'];
var a=arr.indexOf('ddd'); console.log(a); //3 var b=arr.indexOf('d'); console.log(b); //-1
我通常的用法:if(arr.indexOf(要查找的元素)>-1){元素存在的操作};
indexOf()無法查找NaN
方法二:arr.find();
Arr.find()的參數(shù)是一個回調(diào)函數(shù),數(shù)組所有元素會遍歷這個回調(diào)函數(shù),直到找到第一個返回值為true的元素,然后返回該元素否則返回undefined;
var arr=['aaa','bbb','ccc','ddd','eee']; var a=arr.find(function(value,index,arr){ return value=='bbb'; }) console.log(a); //bbb,這里返回的不是true,而是返回值為true的這個元素;
我通常的用法:
arr.find(function(value){ If(value==要查找的值){ //所做的操作 } })
方法三:array.findIndex();
findIndex()和find()的用法相似,find()返回的是元素,findIndex返回的是元素的位置。findIndex();返回第一個符合條件的數(shù)組元素的位置,如果所有元素都不符合條件則返回-1;findIndex(),數(shù)組中的每一個元素都會調(diào)用一次函數(shù),但是當條件返回true時,findIndex()返回符合條件的元素的位置,之后的值不會再調(diào)用執(zhí)行函數(shù)。
var arr=['aaa','bbb','ccc','ddd','eee']; var a=arr.find(function(value,index,arr){ return value=='bbb'; }) console.log(a);//1,后面的值不會再調(diào)用函數(shù)。
說明:findIndex()和find()可以用來查找NaN;
var arr=['1','2','3',NaN]; var a=arr.find(function(value){ return isNaN(value); }) console.log(a); //NaN
方法四:
使用jquery的inArray方法,該方法返回元素在數(shù)組中的下標,如果不存在與數(shù)組中,那么返回-1;
var arr=['aaa','bbb','ccc','ddd','eee']; var a= $.inArray('bbb',arr); console.log(a); //1
【推薦學習:javascript高級教程】