js在數組中查找對應id的對象

初學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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章