初學js,需要在數組中獲取對應id的項目信息,查找資料後,發現可以用es6的find()方法來實現,特以此來做記錄。
一、find()簡介
數組實例的find方法,用於找出第一個符合條件的數組成員。它的參數是一個回調函數,所有數組成員依次執行該回調函數,直到找出第一個返回值爲true的成員,然後返回該成員。如果沒有符合條件的成員,則返回undefined。
二、實例
[1, 4, -5, 10].find((n) => n < 0)
// -5
上面代碼找出數組中第一個小於 0 的成員。
[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) // 10
上面代碼中,find方法的回調函數可以接受三個參數,依次爲當前的值、當前的位置和原數組。
數組實例的findIndex方法的用法與find方法非常類似,返回第一個符合條件的數組成員的位置,如果所有成員都不符合條件,則返回-1。
這兩個方法都可以接受第二個參數,用來綁定回調函數的this對象。
function f(v) {
return v.projectNo === this.projectNo;
}
let projectItem= {projectNo: '1', projectName: '移動開發組'};
let projectTarget = this.project.find(f, projectItem);
if (projectTarget) {
this.manager = projectTarget.managerName;
}
上面的代碼中,find函數接收了第二個參數projectItem對象,回調函數中的this對象指向projectItem對象,返回第一個符合要求的項目對象信息。
瞭解更多es6的知識:https://es6.ruanyifeng.com/#README