利用ES6中的Array.find/ Array.findIndex来判断数组中已存在某个对象

　　前端开发过程中，我们会经常遇到这样的情景：比如选中某个指标obj，将其加入到数组checkedArr中({id: 1234, name: 'zzz', ...})，但是在将其选中之前要校验该指标是否已经被选择。

　　以前的思路是：循环数组checkedArr，如果checkedArr[i].id===obj.id，则说明该指标已经在数组中了。

　　在ES6中，数组得到扩展，新增了find和findIndex两个方法，可以用到这个情境中：

• 　　 find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。
• 　　findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。

　　find方法：

var objArr = [{id:1, name:'jiankian'}, {id:23, name:'anan'}, {id:188, name:'superme'}, {id:233, name:'jobs'}, {id:288, name:'bill', age:89}, {id:333}] ;
var ret2 = objArr.find((v) => {
    return v.id == 233;
});
console.log(ret2);
// return {id:233, name:'jobs'}
// 当返回undefined时，则说明objArr中没有，可以添加

　　findIndex方法：

var objArr = [{id:1, name:'jiankian'}, {id:23, name:'anan'}, {id:188, name:'superme'}, {id:233, name:'jobs'}, {id:288, name:'bill', age:89}, {id:333}] ;
var ret2 = objArr.findIndex((v) => {
    return v.id == 233;
});
console.log(ret2);
// return 3
// 当返回-1时，则说明objArr中没有，可以添加了

 

转载于:https://www.cnblogs.com/zhengxj1991/p/8883040.html