“项目-任务-工单式”活页教材-Uni-App混合开发

任务4-2知识技能2:vue中findIndex用法

2024-12-30  本文已影响0人  吴国友

vue中findIndex用法

在Vue中,findIndex是一个数组的方法,它用于找到满足提供的测试函数的第一个元素的索引,否则返回-1。
findIndex接收两个参数,一个是回调函数,另一个是可选的this上下文。
回调函数接收三个参数:
element:数组中当前正在处理的元素。
index:数组中当前正在处理的元素的索引。
array:调用findIndex的数组。
下面是一些使用findIndex的方法:
方法一:找到数组中满足条件的第一个元素的索引

let array = [5, 12, 8, 130, 44];
let index = array.findIndex(element => element > 13);
console.log(index); // 输出:2

方法二:找到对象数组中满足条件的第一个元素的索引

let array = [{id: 1}, {id: 2}, {id: 3}];
let index = array.findIndex((element) => element.id === 2);
console.log(index); // 输出:1

方法三:在findIndex回调函数中使用this

let array = [5, 12, 8, 130, 44];
let index = array.findIndex(function(element) {
  return element > this.threshold;
}, {threshold: 10});
console.log(index); // 输出:2

注意:findIndex方法对数组中的每个元素执行一次callback函数,直到找到一个使callback返回一个“真化”值(即,一个值等于true)的元素。如果没有满足条件的元素,则返回-1。

上一篇 下一篇

猜你喜欢

热点阅读