Tìm mảng JavaScript()
ví dụ 1
Tìm giá trị của phần tử đầu tiên có giá trị lớn hơn 18:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Hãy tự mình thử »Sự miêu tả
Phương thức find()
trả về giá trị của phần tử đầu tiên vượt qua bài kiểm tra.
Phương thức find()
thực thi một hàm cho từng phần tử mảng.
Phương thức find()
trả về undefined
nếu không tìm thấy phần tử nào.
Phương thức find()
không thực thi hàm cho các phần tử trống.
Phương thức find()
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 .find( function(currentValue, index, arr),thisValue )
Thông số
function() | Required. A function to 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ả |
Một giá trị | Giá trị của phần tử đầu tiên vượt qua bài kiểm tra. Nếu không, nó sẽ trả về undefined . |
Ví dụ 2
Tìm giá trị của phần tử đầu tiên có giá trị trên một số cụ thể:
<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
const ages = [4, 12, 16, 20];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
</script>
Hãy tự mình thử » Hướng dẫn mảng:
Hỗ trợ trình duyệt
find()
là tính năng 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 |
find()
không được hỗ trợ trong Internet Explorer.