for循环、find、findIndex

场景：在数组中找到指定项进行操作

1、for循环：

var tempArr = [
    { name:'张三',age:17 },
    { name:'李四',age:18 },
    { name:'王二',age:19 },
    { name:'淘气',age:20 },
    { name:'王二',age:19 }
]

//修改王二的年龄为23
for(var i=0;i<tempArr.length;i++){
    if(tempArr[i].name=="王二"){
        tempArr[i].age=23;
        //如果加上break，则结果跟find和findIndex相同
        //break;
    }
}

 结果：

不加break：修改所有符合条件的数据

加break：修改第一个符合条件的数据

2、find：用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

var tempArr = [
    { name:'张三',age:17 },
    { name:'李四',age:18 },
    { name:'王二',age:19 },
    { name:'淘气',age:20 },
    { name:'王二',age:10 }
]

//修改王二的年龄为23
let cur = tempArr.find(item=>item.name=="王二");
if(cur){
    cur.age=23;
}

结果：只修改第一个姓名为王二的数据 

 

3、findIndex：返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1

var tempArr = [
    { name:'张三',age:17 },
    { name:'李四',age:18 },
    { name:'王二',age:19 },
    { name:'淘气',age:20 },
    { name:'王二',age:10 }
]

//修改王二的年龄为23
let curindex = tempArr.findIndex(item=>item.name=="王二");
if(curindex>-1){
    tempArr[curindex].age=23;
}

结果： 只修改第一个姓名为王二的数据