這篇文章主要介紹“JS怎么返回滿足給定條件的首個(gè)元素”，在日常操作中，相信很多人在JS怎么返回滿足給定條件的首個(gè)元素問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”JS怎么返回滿足給定條件的首個(gè)元素”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站設(shè)計(jì),高端網(wǎng)頁(yè)制作,對(duì)成都報(bào)廢汽車回收等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專業(yè)成都網(wǎng)站推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

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

實(shí)現(xiàn)思想：利用for語(yǔ)句來(lái)遍歷數(shù)組，在每次循環(huán)中判斷數(shù)組元素是否符合條件；當(dāng)有第一個(gè)元素滿足條件，就立馬輸出，然后使用break語(yǔ)句退出整個(gè)循環(huán)。

下面通過(guò)實(shí)例來(lái)具體了解一下：

示例1：輸出數(shù)組中年齡大于等于 18 的第一個(gè)元素

var ages = [3, 10, 18, 20];
for(var i=0;i= 18) {
		console.log(ages[i]);
		break;
	}
}

ages數(shù)組中大于等于 18的元素有 18和20兩個(gè)，但18在20前，因此滿足添加的第一個(gè)元素為18。因此輸出結(jié)果為：

示例2：輸出數(shù)組中第一個(gè)非數(shù)字的元素

var a = [1,"創(chuàng)新互聯(lián)", 10, "red", 20,"22"];
for(var i=0;i
輸出結(jié)果：
方法2：利用 find() 方法
find() 方法為數(shù)組中的每個(gè)元素都調(diào)用一次函數(shù)，在回調(diào)函數(shù)內(nèi)利用給定添加過(guò)濾元素，返回第一個(gè)通過(guò)檢測(cè)的元素。
當(dāng)數(shù)組中的元素在測(cè)試條件時(shí)返回 true 時(shí), find() 返回符合條件的元素，之后的值不會(huì)再調(diào)用執(zhí)行函數(shù)。
如果沒(méi)有符合條件的元素返回 undefined
語(yǔ)法：
array.find(function callbackfn(Value,index,array),thisValue)
function callbackfn(Value,index,array)：一個(gè)回調(diào)函數(shù)，不可省略，最多可接受三個(gè)參數(shù)：
value：當(dāng)前數(shù)組元素的值，不可省略。
index：當(dāng)前數(shù)組元素的數(shù)字索引。
array：當(dāng)前元素屬于的數(shù)組對(duì)象。
返回值：返回符合測(cè)試條件的第一個(gè)數(shù)組元素值，如果沒(méi)有符合條件的則返回 undefined。
下面通過(guò)實(shí)例來(lái)具體了解一下：
示例1：輸出數(shù)組中年齡大于等于 18 的第一個(gè)元素
function checkAdult(age) {
    return age >= 18;
}
var ages = [3, 10, 18, 20];
var age=ages.find(checkAdult);
console.log(age);
輸出結(jié)果：
18
示例2：輸出數(shù)組中第一個(gè)非數(shù)字的元素
function checkAdult(num) {
	var re = /^[0-9]+.?[0-9]*/;//判斷字符串是否為數(shù)字  //判斷正整數(shù)/[1?9]+[0?9]?]?/ 
    return !re.test(num);
}

var a = [1,"創(chuàng)新互聯(lián)", 10, "red", 20,"22"];
console.log(a.find(checkAdult));
輸出結(jié)果：
方法3：利用 findIndex() 方法
findIndex() 方法為數(shù)組中的每個(gè)元素都調(diào)用一次函數(shù)，在回調(diào)函數(shù)內(nèi)利用給定添加過(guò)濾元素，返回第一個(gè)通過(guò)檢測(cè)的元素的索引位置。
當(dāng)數(shù)組中的元素在測(cè)試條件時(shí)返回 true 時(shí), findIndex() 返回符合條件的元素的索引位置，之后的值不會(huì)再調(diào)用執(zhí)行函數(shù)。
如果沒(méi)有符合條件的元素返回 -1
語(yǔ)法：
array.findIndex(function callbackfn(Value,index,array),thisValue)
該方法的語(yǔ)法和 find()類似，參數(shù)取值可以參數(shù)find()方法。
下面通過(guò)實(shí)例來(lái)具體了解一下：
示例1：輸出數(shù)組中年齡大于等于 18 的第一個(gè)元素
function checkAdult(age) {
    return age >= 18;
}
var ages = [3, 10, 18, 20];
var age=ages.findIndex(checkAdult);
console.log(age);
console.log(ages[age]);
findIndex() 方法可以返回第一個(gè)滿足條件的元素索引，根據(jù)該索引，使用“數(shù)組名[索引]”的形式就可以獲取到元素值。因此輸出結(jié)果為：
示例2：輸出數(shù)組中第一個(gè)非數(shù)字的元素
function checkAdult(num) {
	var re = /^[0-9]+.?[0-9]*/;//判斷字符串是否為數(shù)字  //判斷正整數(shù)/[1?9]+[0?9]?]?/ 
    return !re.test(num);
}

var a = [1,"創(chuàng)新互聯(lián)", 10, "red", 20,"22"];
var index=a.findIndex(checkAdult);
console.log(index);
console.log(a[index]);
輸出結(jié)果為：
到此，關(guān)于“JS怎么返回滿足給定條件的首個(gè)元素”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！
            
            
                        

            網(wǎng)頁(yè)題目：JS怎么返回滿足給定條件的首個(gè)元素            

            當(dāng)前鏈接：http://weahome.cn/article/gghshj.html