国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  技術(shù)干貨  > arr.find用法介紹

arr.find用法介紹

來(lái)源:千鋒教育
發(fā)布人:xqq
時(shí)間: 2023-11-21 20:09:06 1700568546

一、基本介紹

arr.find()是JavaScript中的一個(gè)數(shù)組方法,用來(lái)查找并返回?cái)?shù)組中第一個(gè)符合條件的元素。它是ES6新增的方法,常用于搜索item,查找是否存在指定的元素。

二、語(yǔ)法

arr.find(callback(element[, index[, array]])[, thisArg])

callback是一個(gè)測(cè)試函數(shù),返回值為true或false。除了element以外的兩個(gè)參數(shù)是可選的。

thisArg用來(lái)定義callback函數(shù)內(nèi)部this的值。

數(shù)組方法find()語(yǔ)法:

let newArr = arr.find((element, index, array) => {
    // callback function
}, thisArg);

三、使用示例

1、查找數(shù)字?jǐn)?shù)組中的偶數(shù)

let nums = [1, 2, 3, 4, 5];
let evenNum = nums.find((num) => {
    return num % 2 === 0;
});
console.log(evenNum) // 2

在這個(gè)例子中,我們傳遞了一個(gè)callback函數(shù),它的作用是查找數(shù)組中第一個(gè)偶數(shù)。find方法會(huì)從數(shù)組中的第一個(gè)元素開始執(zhí)行callback函數(shù),如果該函數(shù)返回true,則停止執(zhí)行并返回該元素。

2、查找對(duì)象數(shù)組中指定年齡的人

let people = [
    { name: 'zhangsan', age: 22 },
    { name: 'lisi', age: 25 },
    { name: 'wangwu', age: 30 },
    { name: 'zhaoliu', age: 22 }
];
let person = people.find((person) => {
    return person.age === 22;
});
console.log(person) // { name: 'zhangsan', age: 22 }

在這個(gè)例子中,我們通過(guò)傳遞一個(gè)callback函數(shù)來(lái)查找并返回第一個(gè)年齡為22的人。回調(diào)函數(shù)有一個(gè)參數(shù)person,代表每個(gè)元素。如果某個(gè)人的年齡為22,則返回該元素 person。

3、找到數(shù)組中的第一個(gè)大寫字母

let arr = ['a', 'B', 'c', 'D', 'e'];
let result = arr.find(item => {
    return item === item.toUpperCase(); 
});
console.log(result);//'B'

在這個(gè)例子中,我們通過(guò)使用callback函數(shù)在數(shù)組中查找第一個(gè)大寫字母。回調(diào)函數(shù)只有一個(gè)參數(shù) item,代表每個(gè)元素。如果該元素是大寫字母,則返回該元素的值。

四、注意事項(xiàng)

如果沒有找到符合條件的元素,則arr.find()會(huì)返回undefined。

與其他數(shù)組方法類似,find()也可以使用thisArg參數(shù)來(lái)指定回調(diào)函數(shù)中的this指向。

回調(diào)函數(shù)中,有三個(gè)參數(shù)element、index和array,其中index和array都是可選的。

ES6的時(shí)代已經(jīng)來(lái)臨,只要你了解了這個(gè)函數(shù)的用途和特性,就能夠使用JavaScript更方便地處理各種問題。

聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT