小編給大家分享一下JS如何檢查數(shù)組是不是存在給定元素，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo)，不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù)，將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：空間域名、雅安服務(wù)器托管、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、揚(yáng)州網(wǎng)站維護(hù)、網(wǎng)站推廣。

方法1：利用for循環(huán)

實(shí)現(xiàn)思想：利用for語(yǔ)句來(lái)遍歷數(shù)組，在每次循環(huán)中利用===判斷數(shù)組元素是否為給定值，當(dāng)有第一個(gè)元素滿(mǎn)足條件，則數(shù)組中存在給定元素，給出提示，然后使用break語(yǔ)句退出整個(gè)循環(huán)。

下面通過(guò)實(shí)例來(lái)具體了解一下：判斷fruits數(shù)組中是否包含給定元素“榴蓮”

var fruits = ['蘋(píng)果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
for(var i=0;i
輸出結(jié)果為：
方法2：利用數(shù)組的includes() 方法
includes() 方法用來(lái)判斷一個(gè)數(shù)組是否包含一個(gè)指定的值，如果是返回 true，否則false。
語(yǔ)法：arr.includes(searchElement [, fromIndex])
searchElement	必須。需要查找的元素值。
fromIndex	可選。從該索引處開(kāi)始查找 searchElement。如果為負(fù)值，則按升序從 array.length + fromIndex 的索引開(kāi)始搜索。默認(rèn)為 0。
下面通過(guò)實(shí)例來(lái)具體了解一下：判斷fruits數(shù)組中是否包含給定元素“榴蓮”
var fruits = ['蘋(píng)果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
if(fruits.includes('榴蓮')){
	console.log("給定元素是存在的");
}else{
	console.log("給定元素是不存在的");
}
輸出結(jié)果為：
方法3：利用數(shù)組的some()方法
some()方法可以檢測(cè)數(shù)組中是否存在符合條件的元素。換個(gè)角度思考，也可以用來(lái)檢測(cè)數(shù)組中的所有元素是否都不符合指定條件，都不符合的話(huà)就返回 false，有一個(gè)或者多個(gè)符合的話(huà)就返回 true。
語(yǔ)法：array.every(function callbackfn(Value,index,array),thisValue)
下面通過(guò)實(shí)例來(lái)具體了解一下：
function f(value, index, ar) {
    if (value === '橘子') {
        return true;
    }
}
var fruits = ['蘋(píng)果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.some(f);

if (b) {
	console.log("給定元素是存在的");
} else {
	console.log("給定元素是不存在的");
}
輸出結(jié)果為：
給定元素是存在的
方法4：利用數(shù)組的indexOf()方法
indexOf() 方法可返回?cái)?shù)組中某個(gè)指定元素的第一次出現(xiàn)位置。如果要檢索的元素沒(méi)有出現(xiàn)，則該方法返回 -1。
實(shí)現(xiàn)思想：利用該方法檢查指定值在數(shù)組的第一次出現(xiàn)位置，如果位置是存在的，則包含該給定元素。如果返回-1，則不包含該給定元素。
下面給出實(shí)現(xiàn)代碼：
var fruits = ['蘋(píng)果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.indexOf("橘子");

if (b>0) {
	console.log("給定元素是存在的");
} else {
	console.log("給定元素是不存在的");
}
輸出結(jié)果為：
給定元素是存在的
方法5：利用數(shù)組的lastIndexOf()方法
lastIndexOf()方法可搜索數(shù)組中的元素，并返回它最后出現(xiàn)的位置。如果要檢索的元素沒(méi)有出現(xiàn)，則該方法返回 -1。
實(shí)現(xiàn)思想：利用該方法檢查指定值在數(shù)組的最后出現(xiàn)位置，如果位置是存在的，則包含該給定元素；如果返回-1，則不包含該給定元素。
下面給出實(shí)現(xiàn)代碼：：
var fruits = ['蘋(píng)果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.lastIndexOf("葡萄");

if (b>0) {
	console.log("給定元素是存在的");
} else {
	console.log("給定元素是不存在的");
}
輸出結(jié)果為：
給定元素是不存在的
以上是“JS如何檢查數(shù)組是不是存在給定元素”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
            
            
                        

            文章標(biāo)題：JS如何檢查數(shù)組是不是存在給定元素            

            網(wǎng)頁(yè)鏈接：http://weahome.cn/article/jegdhi.html