Mảng JavaScript findIndex()
ví dụ 1
Tìm phần tử đầu tiên có giá trị lớn hơn 18:
const ages = [3, 10, 18, 20];
ages.findIndex(checkAge);
function checkAge(age) {
return age > 18;
}
Hãy tự mình thử »Sự miêu tả
Phương thức findIndex()
thực thi một hàm cho từng phần tử mảng.
Phương thức findIndex()
trả về chỉ mục (vị trí) của phần tử đầu tiên vượt qua bài kiểm tra.
Phương thức findIndex()
trả về -1 nếu không tìm thấy kết quả khớp.
Phương thức findIndex()
không thực thi hàm cho các phần tử mảng trống.
Phương thức findIndex()
không thay đổi mảng ban đầu.
Phương pháp tìm mảng:
Phương pháp | Tìm thấy |
---|---|
Chỉ số() | Chỉ mục của phần tử đầu tiên có giá trị được chỉ định |
LastIndexOf() | Chỉ mục của phần tử cuối cùng có giá trị được chỉ định |
tìm thấy() | Giá trị của phần tử đầu tiên vượt qua bài kiểm tra |
tìm Index() | Chỉ số của phần tử đầu tiên vượt qua bài kiểm tra |
tìmLast() | Giá trị của phần tử cuối cùng vượt qua bài kiểm tra |
tìmLastIndex() | Chỉ số của phần tử cuối cùng vượt qua bài kiểm tra |
Cú pháp
array .findIndex( function(currentValue, index, arr), thisValue )
Thông số
Parameter | Description |
function() | Required. A function to be run for each array element. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default undefined .A value passed to the function as its this value. |
Giá trị trả về
Kiểu | Sự miêu tả |
Con số | Chỉ số của phần tử đầu tiên vượt qua bài kiểm tra. Ngược lại -1. |
Thêm ví dụ
Tìm phần tử đầu tiên có giá trị cao hơn giá trị đầu vào:
<p><input type="number" id="toCheck" value="18"></p>
<button onclick="myFunction()">Test</button>
<p>Any values above: <span id="demo"></span></p>
<script>
const numbers = [4, 12, 16, 20];
function checkValue(x) {
return x > document.getElementById("toCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = numbers.findIndex(checkValue);
}
</script>
Hãy tự mình thử »Hướng dẫn mảng:
Hỗ trợ trình duyệt
findIndex()
là một tính năng của ECMAScript6 (ES6).
ES6 (JavaScript 2015) được hỗ trợ trong tất cả các trình duyệt hiện đại kể từ tháng 6 năm 2017:
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
May 2016 | Apr 2017 | Jun 2017 | Sep 2016 | Jun 2016 |
findIndex()
không được hỗ trợ trong Internet Explorer.