javascript數組如何判斷是否存在某元素

這篇文章給大家分享的是有關javascript數組如何判斷是否存在某元素的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

JavaScript是什么

JS是JavaScript的簡稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發，可以給網站添加各種各樣的動態效果，讓網頁更加美觀。

判斷方法：1、使用indexOf()方法，語法“arr.indexOf(要查找的值)”；2、使用“arr.find()”方法；3、使用“array.findIndex()”方法；4、使用“$.inArray('要查找的值',arr)”方法。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

Js判斷數組中是否存在某個元素

方法一：indexOf(item,start);

• Item:要查找的值；

• start：可選的整數參數，缺省則從起始位子開始查找。

indexOf();返回元素在數組中的位置，如果沒有則返回-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()的參數是一個回調函數，數組所有元素會遍歷這個回調函數，直到找到第一個返回值為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()；返回第一個符合條件的數組元素的位置，如果所有元素都不符合條件則返回-1；findIndex（），數組中的每一個元素都會調用一次函數，但是當條件返回true時，findIndex()返回符合條件的元素的位置，之后的值不會再調用執行函數。

　　var arr=['aaa','bbb','ccc','ddd','eee'];
　　var a=arr.find(function(value,index,arr){
　　　　return value=='bbb';
　　})
　　console.log(a);//1,后面的值不會再調用函數。

　　說明：findIndex()和find()可以用來查找NaN；

　　var arr=['1','2','3',NaN];
　　var a=arr.find(function(value){
　　　　return isNaN(value);
　　})
　　console.log(a);       //NaN

方法四：

使用jquery的inArray方法，該方法返回元素在數組中的下標，如果不存在與數組中，那么返回－１;

　　var arr=['aaa','bbb','ccc','ddd','eee'];
　　var a= $.inArray('bbb',arr);
　　console.log(a);　　　　//1

感謝各位的閱讀！關于“javascript數組如何判斷是否存在某元素”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！