JavaScript Array find()

การรับรองและใช้งาน

find() ฟังก์ชันคืนค่าขององค์ประกอบแรกที่ผ่านทดสอบ (เป็นฟังก์ชันที่มีให้)

find() ฟังก์ชันทำงานฟังก์ชันเดียวกับแต่ละองค์ประกอบที่มีในตัวแปร

  • ถ้าพบองค์ประกอบในตัวแปรที่ฟังก์ชันเรียกกลับค่า true แล้ว find() จะคืนค่าขององค์ประกอบนั้น (และไม่ต้องตรวจสอบค่าที่เหลือ)
  • แล้วก็คืนค่า undefined

หมายเหตุ：find() จะไม่ปฏิบัติตามฟังก์ชันสำหรับตัวแปรว่าง

หมายเหตุ：find() จะไม่เปลี่ยนแปลงตัวแปรเดิม

ตัวอย่าง

ตัวอย่าง 1

หาค่าขององค์ประกอบแรกในตัวแปรแบบ Array ที่มีค่า 18 หรือมากกว่า

var ages = [3, 10, 18, 20];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.find(checkAdult);
}

ลองทดสอบเอง

ตัวอย่าง 2

ค้นหาค่าขององค์ประกอบแรกในแอร์เรย์ที่มีค่าสูงกว่าตัวเลขที่กำหนด

<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>

ลองทดสอบเอง

การเข้าใจระบบ

array.find(function(currentValue, index, arr) thisValue)

ค่าอัตรงค์

อัตรงค์ คำอธิบาย
function(currentValue, index, arr) สำคัญ

อัตรงค์ตัวแทนฟังก์ชัน：

อัตรงค์ คำอธิบาย
currentValue สำคัญ
index ตัวเลือก
arr ตัวเลือก
thisValue

ตัวเลือก

ถ้าอัตรงค์นี้เป็นค่าว่าง ตัวเลข "undefined" จะถูกส่งผ่านในตำแหน่ง "this" ของมัน

รายละเอียดเทคนิค

ค่าที่คืนค่า ถ้าใดๆ อันหนึ่งขององค์ประกอบในแอร์เรย์ผ่านการทดสอบ ก็จะคืนค่าขององค์ประกอบในแอร์เรย์ ถ้าไม่มีอะไรผ่านการทดสอบ ก็จะคืนค่า undefined
เวอร์ชั่น JavaScript： ECMAScript 6

การสนับสนุนบราวเซอร์

ตัวเลขในตารางชี้ถึงเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนมาตรการนี้อย่างเต็มที่

เชโร่ เอดจ์ ไฟรอกซ์ แซฟารี่ โอเปร่า
เชโร่ 45 เอดจ์ 12 ไฟรอกซ์ 25 แซฟารี่ 7.1 โอเปร่า 32
เดือนกันยายน 2015 เดือนกรกฎาคม 2015 เดือนกรกฎาคม 2014 เดือนกันยายน 2014 เดือนกันยายน 2015

หมายเหตุ：อินเทอร์เน็ต อิเลคเตอร์ ไม่สนับสนุน find() วิธี。

เพิ่มเติม

ตัวอย่าง:JavaScript แถว

ตัวอย่าง:JavaScript แถว Const

ตัวอย่าง:วิธี JavaScript แถว

ตัวอย่าง:JavaScript จัดรายการแถว

ตัวอย่าง:JavaScript วิธีลูปแบบเรียงลำดับ