ตัวอย่าง
รับค่าขององค์ประกอบแรกในอาร์เรย์ที่มีค่ากว่า 18 หรือมากกว่า:
var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
ผลที่จะได้รับ:
18
ลองตัวเอง» เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
find() วิธีการส่งกลับค่าขององค์ประกอบแรกในอาร์เรย์ที่ผ่านการทดสอบ (ให้เป็นหน้าที่ก)
find() วิธีการดำเนินการการทำงานครั้งเดียวสำหรับแต่ละองค์ประกอบอยู่ในอาร์เรย์:
- หากพบองค์ประกอบอาร์เรย์ที่ฟังก์ชั่นส่งกลับค่าจริงหา () ผลตอบแทนคุ้มค่าขององค์ประกอบอาร์เรย์ (และไม่ได้ตรวจสอบค่าที่เหลือ)
- มิฉะนั้นก็จะส่งกลับไม่ได้กำหนด
หมายเหตุ: หา () ไม่ดำเนินการฟังก์ชันสำหรับองค์ประกอบมากมายโดยไม่ต้องค่า
หมายเหตุ: หา () ไม่เปลี่ยนอาร์เรย์เดิม
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ
วิธี | |||||
---|---|---|---|---|---|
find() | 45.0 | 12.0 | 25.0 | 7.1 | 32.0 |
วากยสัมพันธ์
array.find( function(currentValue,index,arr),thisValue )
ค่าพารามิเตอร์
Parameter | Description | ||||||||
---|---|---|---|---|---|---|---|---|---|
function(currentValue, index,arr) | Required. A function to be run for each element in the array. Function arguments:
|
||||||||
thisValue | Optional. A value to be passed to the function to be used as
its "this" value. If this parameter is empty, the value "undefined" will be passed as its "this" value |
รายละเอียดทางเทคนิค
กลับค่า: | ส่งกลับค่าอาร์เรย์ถ้าใด ๆ ขององค์ประกอบในอาร์เรย์ผ่านการทดสอบมิฉะนั้นก็จะส่งกลับไม่ได้กำหนด |
---|---|
JavaScript เวอร์ชัน: | ECMAScript 6 |

ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับค่าขององค์ประกอบแรกในอาร์เรย์ที่มีค่าสูงกว่าจำนวนที่เฉพาะเจาะจง:
<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p>Any ages above:
<span id="demo"></span></p>
<script>
var ages = [4, 12, 16, 20];
function checkAdult(age) {
return age >=
document.getElementById("ageToCheck").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
</script>
ลองตัวเอง» 