ตัวอย่าง
กลับอาร์เรย์ของค่าทั้งหมดในอาร์เรย์ทุกเพศทุกวัยที่มี 18 หรือมากกว่า:
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}ผลที่จะได้รับ:
32,33,40 ลองตัวเอง» เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
filter() วิธีการสร้างอาร์เรย์ที่เต็มไปด้วยองค์ประกอบมากมายทั้งหมดที่ผ่านการทดสอบ (ให้เป็นฟังก์ชั่น)
หมายเหตุ: กรอง () ไม่ดำเนินการฟังก์ชันสำหรับองค์ประกอบมากมายโดยไม่ต้องค่า
หมายเหตุ: กรอง () ไม่เปลี่ยนอาร์เรย์เดิม
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ
| วิธี | |||||
|---|---|---|---|---|---|
| filter() | ใช่ | 9.0 | 1.5 | ใช่ | ใช่ |
วากยสัมพันธ์
array.filter( 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 เวอร์ชัน: | 1.6 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
กลับอาร์เรย์ของค่าทั้งหมดในอาร์เรย์ทุกเพศทุกวัยที่มีเป็นจำนวนเฉพาะหรือมากกว่า:
<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p>All ages above
minimum: <span id="demo"></span></p>
<script>
var ages = [32, 33,
12, 40];
function checkAdult(age) {
return age
>= document.getElementById("ageToCheck").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>
ลองตัวเอง» 
JavaScript อ้างอิงอาร์เรย์