js 数组 findIndex
时间: 2023-11-20 18:06:08 浏览: 109
`Array.findIndex()` 方法用于在数组中查找满足条件的第一个元素,并返回该元素在数组中的索引。如果找不到满足条件的元素,则返回 -1。
以下是使用 `findIndex()` 方法的示例:
```javascript
const arr = [10, 20, 30, 40, 50];
const index = arr.findIndex(element => element > 30);
console.log(index); // 输出 3
```
在上述示例中,我们定义了一个数组 `arr`,然后使用 `findIndex()` 方法查找第一个大于 30 的元素。由于 40 是第一个满足条件的元素,`findIndex()` 方法返回 3,表示该元素在数组中的索引。
希望这能帮到你!如果有任何其他问题,请随时提问。
相关问题
js数组findIndex
### JavaScript 数组 `findIndex` 方法详解
#### 定义与用途
在 JavaScript 中,数组作为一种常见的数据结构提供了多种内置方法来简化开发工作。其中,`findIndex` 是 ECMAScript 5 引入的一个有用的方法,旨在帮助开发者快速定位符合条件的元素位置[^1]。
#### 函数签名
此方法接收两个主要参数:
- **callback**: 测试当前元素是否满足条件的函数;它还可以获取额外的信息如索引和整个数组作为输入。
- **thisArg (可选)**: 当执行回调时用作 `this` 的对象。
具体来说,`callback` 可以访问如下参数:
- `element`: 正被处理的那个成员项;
- `index(可选)`: 成员所在的位置编号;
- `array(可选)`: 被调用 `findIndex()` 的那个原始列表。
#### 返回结果
一旦找到了第一个匹配给定谓词(即测试逻辑)的对象,则立即停止迭代并返回其对应的下标值。如果没有任何项目符合标准,则最终会给出 `-1` 表明未发现任何目标实例。
#### 实际应用案例
下面是一些具体的例子展示了如何利用 `findIndex` 来解决问题:
```javascript
// 查找大于等于 20 的最小整数所在的序号
const ages = [3, 10, 18, 21];
let ageAboveTeenager = ages.findIndex(age => age >= 20);
console.log(`年龄达到或超过二十岁的最早出现于第 ${ageAboveTeenager} 位`);
// 结合其他属性筛选复合型对象内的记录
const books = [
{ title: 'JavaScript', year: 2019 },
{ title: 'Python', year: 2020 }
];
function isCurrentYear(book){
return book.year === new Date().getFullYear();
}
var currentBookIdx = books.findIndex(isCurrentYear);
if(currentBookIdx !== -1){
console.log(`${books[currentBookIdx].title} 发布于今年`);
}else{
console.log('没有书籍是在今年发布的');
}
```
js 数组findIndex
JavaScript数组findIndex()方法用于在数组中查找指定元素的索引值。它接受一个回调函数作为参数,该回调函数接受三个参数:元素值、元素索引和数组本身。该方法返回第一个满足回调函数条件的元素的索引值,如果没有找到,则返回-1。
示例:
```
const arr = [2, 4, 6, 8, 10];
const index = arr.findIndex(num => num > 5);
console.log(index); // 2
```
在上面的示例中,我们使用findIndex()方法查找第一个大于5的元素的索引值,并将其存储在变量index中。由于索引值从0开始,因此索引2代表第三个元素6。
阅读全文
相关推荐
















