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

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > arr.find用法介紹

arr.find用法介紹

來源:千鋒教育
發布人:xqq
時間: 2023-11-21 20:09:06 1700568546

一、基本介紹

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

二、語法

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

callback是一個測試函數,返回值為true或false。除了element以外的兩個參數是可選的。

thisArg用來定義callback函數內部this的值。

數組方法find()語法:

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

三、使用示例

1、查找數字數組中的偶數

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

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

2、查找對象數組中指定年齡的人

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 }

在這個例子中,我們通過傳遞一個callback函數來查找并返回第一個年齡為22的人。回調函數有一個參數person,代表每個元素。如果某個人的年齡為22,則返回該元素 person。

3、找到數組中的第一個大寫字母

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

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

四、注意事項

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

與其他數組方法類似,find()也可以使用thisArg參數來指定回調函數中的this指向。

回調函數中,有三個參數element、index和array,其中index和array都是可選的。

ES6的時代已經來臨,只要你了解了這個函數的用途和特性,就能夠使用JavaScript更方便地處理各種問題。

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