Phương thức Array.prototype.find () trả về giá trị phần tử đầu tiên thỏa mãn một điều kiện cho trước trong một mảng.
Sau đây là mã cho phương thức Array.prototype.find () -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.find {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript Array Find() example</h1>
<div class="find"></div>
<button class="fillArr">CLICK HERE</button>
<h3>Click on the above button to find lion among the animals</h3>
<script>
function findLion(animal) {
return animal === "lion";
}
let fillEle = document.querySelector(".find");
let arr = ["cow", "lion", "bull", "tiger"];
fillEle.innerHTML = arr;
document.querySelector(".fillArr").addEventListener("click", () => {
fillEle.innerHTML = arr.find(findLion);
});
</script>
</body>
</html> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhấp vào nút “BẤM VÀO ĐÂY” -
