find方法

1. find()方法用于查找数组中符合条件的第一个元素，如果没有符合条件的元素，则返回undefined

2. find() 对于空数组，函数是不会执行的。

3. find() 并没有改变数组的原始值。

实例:

 // 求数组中大于1的对象
let arr1 = [1, 2, 3, 4, 5];
let num = arr1.find(item => item > 1);
console.log(num)  //輸出的結果是2

// 取id为1 
var arr = [{
        id: 1,
        name: '张一',
        age: 25,
    }, {
        id: 1,
        name: '张二',
        age: 25,
    }, {
        id: 2,
        name: '张三',
        age: 25,
    }]
    let obj = arr.find(item => item.id == 1)
    console.log(obj); 
    // 结果：{id: 1, name: '张一', age: 25}

实操应用:

 

 页面中:

先引入 mixins

// 在需要使用的地方直接调用

 

 

 

find和findIndex的区别

find()方法
find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。

findIndex()方法
findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1

find()方法:

const arr=[1,2,4,8,12];
var va1=arr.find(value=>value>8);
console.log(va1);   //12 查找大于8的



arr = [1, 2, 4, 8, 12]
var v2 = arr.find((value, index, arr) => {
	return index == 4
});
console.log(v2);      //12 返回index下标为4的

findIndex()方法:

const arr=[1,2,4,8,12];
var va1=arr.findIndex(value=>value>8);
console.log(va1);   //4 返回元素的下标位置


arr = [1, 2, 4, 8, 12]
var v2 = arr.findIndex((value, index, arr) => {
	return index == 4
});
console.log(v2);    //4  

arr = [1, 2, 4, 8, 12]
var v2 = arr.findIndex((value, index, arr) => {
	return index == 5
})
console.log(v2);    //-1  如果没有满足条件的，则返回-1