JavaScript Array findIndex()

Định nghĩa và cách sử dụng

findIndex() Phương pháp trả về chỉ mục của phần tử đầu tiên trong mảng thông qua bài kiểm tra (được cung cấp bởi hàm)

findIndex() Phương pháp thực hiện hàm một lần cho mỗi phần tử trong mảng:

  • Nếu tìm thấy phần tử mảng với giá trị true của hàm, then findIndex() sẽ trả về chỉ mục của phần tử đó (và không kiểm tra giá trị còn lại)
  • Còn lại trả về -1

Ghi chú：findIndex() Sẽ không thực hiện hàm cho phần tử mảng không có giá trị.

Ghi chú：findIndex() Sẽ không thay đổi mảng ban đầu.

Mô hình

Ví dụ 1

Tìm chỉ mục của phần tử đầu tiên trong mảng bằng hoặc lớn hơn 18:

var ages = [3, 10, 18, 20];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}

Thử ngay

Ví dụ 2

Lấy chỉ số của phần tử đầu tiên trong mảng có giá trị lớn hơn số cụ thể:

<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p>Any ages above: <span id="demo"></span></p>
<script>
var ages = [4, 12, 16, 20];
function checkAdult(age) {
  return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
</script>

Thử ngay

Cú pháp

mảng.findIndex(function(currentValue, index, arr) thisValue)

Giá trị tham số

Tham số Mô tả
function(currentValue, index, arr) Bắt buộc. Hàm chạy cho mỗi phần tử trong mảng.

Tham số hàm：

Tham số Mô tả
currentValue Bắt buộc. Giá trị của phần tử hiện tại
index Tùy chọn. Chỉ số mảng của phần tử hiện tại
arr Tùy chọn. Mảng đối tượng thuộc về phần tử hiện tại
thisValue

Tùy chọn. Giá trị để truyền cho hàm để sử dụng làm giá trị "this" của nó.

Nếu tham số này là rỗng, thì giá trị "undefined" sẽ được truyền làm giá trị "this" của nó.

Chi tiết kỹ thuật

Giá trị trả về： Nếu bất kỳ phần tử nào trong mảng thông qua bài kiểm tra, thì trả về chỉ số phần tử mảng, nếu không thì trả về -1.
Phiên bản JavaScript： ECMAScript 6

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ phương pháp này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome 45 Edge 12 Firefox 25 Safari 7.1 Opera 32
Tháng 9 năm 2015 Tháng 7 năm 2015 Tháng 7 năm 2014 Tháng 9 năm 2014 Tháng 9 năm 2015

Ghi chú：Internet Explorer không hỗ trợ findIndex() Phương thức.

Trang liên quan

Giáo trình:Mảng JavaScript

Giáo trình:Const mảng JavaScript

Giáo trình:Phương thức mảng JavaScript

Giáo trình:Sắp xếp mảng JavaScript

Giáo trình:Iterate mảng JavaScript