JavaScript Array find ()
ví dụ 1
Tìm giá trị của phần tử đầu tiên có giá trị trên 18:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Định nghĩa và Cách sử dụng
Phương find()
thức trả về giá trị của phần tử đầu tiên vượt qua kiểm tra.
Phương find()
thức thực thi một hàm cho mỗi phần tử mảng.
Phương find()
thức này sẽ khởi động lại undefined
nếu không tìm thấy phần tử nào.
Phương find()
thức không thực thi chức năng cho các phần tử trống.
Phương find()
thức không thay đổi mảng ban đầu.
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ả lại
Loại | 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ở lại undefined . |
Hỗ trợ trình duyệt
find()
là một 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:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
find()
không được hỗ trợ trong Internet Explorer 11 (hoặc phiên bản cũ hơn).
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>