วิธี find() ของ JavaScript ใช้เพื่อคืนค่าองค์ประกอบแรกในอาร์เรย์ หากผ่านเงื่อนไข มิฉะนั้น ค่าที่ส่งคืนจะไม่ถูกกำหนด ไวยากรณ์มีดังนี้ −
array.find(function(val, index, arr),thisValue)
ในที่นี้ ฟังก์ชันคือฟังก์ชันที่มี val ซึ่งเป็นค่าขององค์ประกอบปัจจุบัน ดัชนีคือดัชนีอาร์เรย์ และ arr คืออาร์เรย์ พารามิเตอร์ค่านี้คือค่าที่จะส่งไปยังฟังก์ชัน
ตัวอย่าง
<!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> ผลลัพธ์
ตอนนี้ คลิกที่ปุ่ม "ผลลัพธ์" -
เรามาดูตัวอย่างอื่นกัน ซึ่งผลลัพธ์ที่ได้จะไม่ถูกกำหนด −
ตัวอย่าง
<!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> ผลลัพธ์
ตอนนี้ ให้คลิกที่ปุ่ม "ผลลัพธ์" -
