Phương thức find () của JavaScript được sử dụng để trả về giá trị các phần tử đầu tiên trong một mảng, nếu điều kiện được truyền, nếu không giá trị trả về là không xác định. Cú pháp như sau -
array.find(function(val, index, arr),thisValue)
Ở đây, function là một hàm với val, là giá trị của phần tử hiện tại. Chỉ mục là chỉ số mảng và arr là mảng. Tham số giá trị này là giá trị được truyền cho hàm.
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h2>Ranking Points</h2>
<p>Get the points (first element) above 400...</p>
<button onclick="display()">Result</button>
<p id="demo"></p>
<script>
var pointsArr = [50, 100, 200, 300, 400, 500, 600];
function pointsFunc(points) {
return points > 400;
}
function display() {
document.getElementById("demo").innerHTML = pointsArr.find(pointsFunc);
}
</script>
</body>
</html> Đầu ra
Bây giờ, hãy nhấp vào nút “Kết quả” -
Hãy để chúng tôi xem một ví dụ khác, trong đó kết quả sẽ là không xác định -
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h2>Ranking Points</h2>
<p>Get the points (first element) above 400...</p>
<button onclick="display()">Result</button>
<p id="demo"></p>
<script>
var pointsArr = [50, 100, 200, 300, 400];
function pointsFunc(points) {
return points > 400;
}
function display() {
document.getElementById("demo").innerHTML = pointsArr.find(pointsFunc);
}
</script>
</body>
</html> Đầu ra
Bây giờ, nhấp vào nút “Kết quả” -
