ES6 對象數組查找某一個對象

查找數組特定元素需要用到的方法就是findIndex()。

用法與定義

• findIndex() 方法返回傳入一個測試條件（函數）符合條件的數組第一個元素位置
• findIndex() 方法為數組中的每個元素都調用一次函數執行： 當數組中的元素在測試條件時返回 true 時, findIndex() 返回符合條件的元素的索引位置，之后的值不會再調用 執行函數。 如果沒有符合條件的元素返回 -1

以上是比較官方的對於findIndex()的定義

---

接下來我結合實例來進行自己的解釋.

第一條的意思如下: 當條件函數返回true的時候，findindex會跳出，然后返回當前元素的下標。

//首先是普通數組

var dataArr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];

function fn(num, numIndex, nums){
    //該函數的三個參數，num代表當前項，numIndex代表當前項下標，nums代表該數組。
    return num > 5;
}

dataArr.findIndex(fn);//值為5(即6的下標)

------------------------分割線-----------------------------

//同樣的假如你的數組是個對象數組：
var objArr = [{
    name: '小王',
    age: 14
},{
    name: '大王',
    age: 41
},{
    name: '老王',
    age: 61
}]                    
                
function objFn(obj, objIndex, objs){
    return num.age > 20;
}

objArr .findIndex(objFn);//值為1(即大王的下標)

 

　　2、第二條的意思就更好理解了，因為findindex只返回第一個符合條件的元素下標，所以在找到第一個符合條件的元素之后，他會跳出該函數，之后的數組內的元素將不再調用，相當於加了個break；

 實際用法舉例

假如我們要在所有人里面挑選隊友，但是不想重復。在我們通過id查找的時候，就可以這么寫

var allPeple = [{
    name: '小王',
    id: 14
},{
    name: '大王',
    id: 41
},{
    name: '老王',
    id: 61
}]
                
var myTeamArr = [{
    name: '小王',
    id: 14
}]
                
var PId = 14; //假如這個是要添加的人的ID

function pFn(p){return p.id == PId ;}

//判斷myteam里是不是有這個隊員，如果==-1 代表沒有，在allPeople中找到他，添加入我的隊伍

myTeamArr.findIndex(pFn) == -1 ? myTeamArr.push(allPeple.find(pFn)) : alert('已存在該人員');

//這樣寫可以將兩個for循環直接總結成一行代碼

另外需要補充的一點

與其相對應的有find()函數，用法一致，只不過返回的是元素本身，而不是元素的下標。

兼容性

因為是es6的所以使用的時候要注意兼容性問題，ie11及之前的版本都不可兼容。