JavaScript Array findIndex()

คำนิยามและวิธีใช้

findIndex() ฟังก์ชันคืนค่าตำแหน่งขององค์ประกอบแรกที่ผ่านทดสอบ (ซึ่งเป็นฟังก์ชันที่มีมา)

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

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

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

หมายเหตุ：findIndex() จะไม่เปลี่ยนแปลงแนวที่มีค่าต้นตอน

ตัวอย่าง

ตัวอย่าง 1

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

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

ทดสอบด้วยตัวเอง

ตัวอย่าง 2

หาดัชนีของอนุภาคแรกในแถวที่ค่ามากกว่าเลขที่กำหนด

<p>วัยต่ำสุด: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">ทดสอบ</button>
<p>วัยเกิน: <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.findIndex(checkAdult);
}
</script>

ทดสอบด้วยตัวเอง

วลี

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

ค่าตัวเลือก

ตัวเลือก คำอธิบาย
function(currentValue, index, arr) สำคัญ

ตัวเลือก

ตัวเลือก คำอธิบาย
currentValue สำคัญ
index ที่เลือกใช้
arr ที่เลือกใช้
thisValue

ที่เลือกใช้

ถ้าตัวอักษรประกอบค่านี้ว่าง ค่า "undefined" จะถูกส่งผ่านเป็นค่า "this" ของมัน

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

ค่าที่คืน ถ้าอนุภาคใดในแถวตัวเลขผ่านการทดสอบ ก็คืนค่าดัชนีของอนุภาคในแถว แต่ถ้าไม่มีอนุภาคผ่านการทดสอบ ก็คืนค่า -1
รุ่น JavaScript: ECMAScript 6

การสนับสนุนโปรแกรมนีเวอร์

ตัวเลขในตารางบอกว่าอุปกรณ์เรียกใช้เพื่อสนับสนุนวิธีนี้เป็นอันดับแรก

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

หมายเหตุ：อินเทอร์เน็ต เอกซ์พลโอเรียร์ไม่สนับสนุน findIndex() วิธี。

เว็บไซต์ที่เกี่ยวข้อง

ตู้วิชาการ:JavaScript ตัวเลข

ตู้วิชาการ:JavaScript ตัวเลข Const

ตู้วิชาการ:วิธีของ JavaScript ตัวเลข

ตู้วิชาการ:JavaScript การจัดเรียงตัวเลข

ตู้วิชาการ:JavaScript วิธีเรียกใช้ตัวเลข