จาวาสคริปต์ include() วิธีการค้นหาอาร์เรย์สำหรับรายการ เมธอดนี้คืนค่า True หากองค์ประกอบในอาร์เรย์มีอยู่ filter() วิธีการช่วยให้คุณค้นหารายการในรายการ ไม่เหมือนกับ include() วิธีการ filter() จะคืนค่ารายการที่คุณกำลังค้นหา
คุณอาจต้องการค้นหาว่าอาร์เรย์นั้นมีค่าเฉพาะหรือไม่ ตัวอย่างเช่น คุณอาจมีรายการสั่งซื้อผลิตภัณฑ์และต้องการตรวจสอบว่ามีใครสั่งซื้อตู้ข้างเตียงจากร้านค้าของคุณหรือไม่
JavaScript Array ประกอบด้วย
มีสองวิธีในการพิจารณาว่าอาร์เรย์ JavaScript มีรายการหรือไม่:
- includes()
- ตัวกรอง ().
รวมถึง() วิธีการตรวจสอบว่ารายการที่มีอยู่ในอาร์เรย์และส่งกลับจริงหรือเท็จ filter() ค้นหารายการในอาร์เรย์และส่งกลับรายการนั้น
ในบทช่วยสอนนี้ เราจะพูดถึงการใช้อาร์เรย์ includes() วิธีการใน JavaScript เพื่อตรวจสอบว่าอาร์เรย์มีองค์ประกอบเฉพาะหรือไม่ เราจะพูดถึงวิธีใช้ filter() เพื่อตรวจสอบว่าอาร์เรย์ของวัตถุมีค่าหรือไม่
อาร์เรย์ประกอบด้วย JavaScript:รวม ()
JavaScript includes() วิธีการกำหนดว่าอาร์เรย์มีค่าเฉพาะหรือไม่ รวม() วิธีการคืนค่า จริง หากพบรายการที่ระบุและ เท็จ หากรายการที่ระบุ
array_name.includes(องค์ประกอบ start_position);
รวม() method ยอมรับสองอาร์กิวเมนต์:
- องค์ประกอบ:ค่าที่เรากำลังค้นหา (จำเป็น)
- start_position:ตำแหน่งดัชนีในอาร์เรย์ที่การค้นหาควรเริ่มต้น (ไม่บังคับ)
วิธีการ include() สามารถคืนค่าหนึ่งในสองค่า:จริงและเท็จ ค่าเหล่านี้เรียกว่า JavaScript Booleans
81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้
ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก
Array.includes() ทำงานในลักษณะเดียวกับ String.includes() แต่ Array.includes() ค้นหาผ่านอาร์เรย์ของวัตถุ
รวม() ตัวอย่าง JavaScript
บอกว่าเรากำลังเปิดร้านกาแฟ เราต้องการตรวจสอบว่าวันนี้มีใครสั่งเอสเปรสโซหรือยัง เราสามารถใช้รหัสต่อไปนี้เพื่อตรวจสอบรายการสั่งซื้อของวันนี้เพื่อดูว่ามีการสั่งซื้อเอสเปรสโซหรือไม่:
var todays_orders =['Latte', 'Americano', 'Latte', 'Latte', 'Mocha', 'Cortado'];console.log(todays_orders.includes('Espresso')); รหัสของเราส่งคืน:เท็จ
อาร์เรย์ todays_orders ไม่รวมค่า Espresso . ดังนั้น เมื่อ include() . ของเรา ทำงานแล้วจะส่งกลับค่า เท็จ . หากเราต้องค้นหาในอาร์เรย์ที่มีองค์ประกอบอยู่ includes() จะกลับมา จริง .
ทีนี้ สมมติว่าเราต้องการดูว่ามีใครสั่งลาเต้ในสามคำสั่งสุดท้ายที่วางไว้หรือไม่ เราสามารถใช้ includes() วิธีการด้วย start_position ข้อโต้แย้งที่จะทำเช่นนั้น
นี่คือรหัสที่เราจะใช้:
var todays_orders =['Latte', 'Americano', 'Latte', 'Latte', 'Mocha', 'Cortado'];console.log(todays_orders.includes('Latte', 3));
โปรแกรมของเราส่งคืน:จริง เนื่องจากสั่งลาเต้หลังค่าดัชนี 3 ในอาร์เรย์ของเรา includes() ฟังก์ชั่นได้คืนค่า จริง ค่า.
อาร์เรย์ประกอบด้วย JavaScript:filter()
ในตัวอย่างข้างต้น เราใช้ includes() เพื่อตรวจสอบว่าอาร์เรย์ของสตริงมีค่าเฉพาะหรือไม่ แต่ถ้าเราต้องการตรวจสอบว่าอาร์เรย์ของวัตถุมีค่าเฉพาะหรือไม่ เราสามารถใช้ filter() ทำหน้าที่ดำเนินการนั้น
ตัวกรอง() ฟังก์ชั่นวนซ้ำผ่านอาร์เรย์ของวัตถุและค้นหาค่าเฉพาะ ตัวกรอง() รับหนึ่งในอาร์กิวเมนต์:ฟังก์ชันที่ใช้ในการค้นหาค่า นี่คือไวยากรณ์ของ JavaScript filter() ฟังก์ชัน:
var filterArray =array_name.filter(function(item) { return item;}); ตัวกรอง () ตัวอย่าง JavaScript
เรามีอาร์เรย์ของออบเจ็กต์การสั่งร้านกาแฟที่มีทั้งชื่อกาแฟที่สั่งและชื่อลูกค้า
เราต้องการตรวจสอบว่ามีใครชื่อ John Appleseed . หรือไม่ วันนี้สั่งกาแฟ John เป็นลูกค้าประจำและควรจะได้รับส่วนลดสำหรับกาแฟแก้วต่อไปของเขา
รหัสต่อไปนี้ตรวจสอบว่า John Appleseed ได้สั่งซื้อ:
var orders =[{ เครื่องดื่ม:'Cappuccino' ชื่อ:'John Appleseed' } { เครื่องดื่ม:'Espresso' ชื่อ:'Mya Stuart' } { เครื่องดื่ม:'Cappuccino' ชื่อ:'Emma Berry' }];var check_orders =orders.filter(order => (order.name ==="John Appleseed"));console.log(check_orders);
โปรแกรมของเรากลับมา:
[{ เครื่องดื่ม:'Cappuccino' ชื่อ:'John Appleseed' }]
ก่อนอื่นเราประกาศอาร์เรย์ที่เรียกว่า คำสั่งซื้อ รายการนี้เก็บรายชื่อผู้ที่สั่งซื้อและเครื่องดื่มที่พวกเขาสั่ง จากนั้น เราประกาศตัวแปร JavaScript ชื่อ check_orders ตัวแปรนี้ใช้ filter() ทำหน้าที่ตรวจสอบว่าใครก็ตามที่ชื่อ John Appleseed วันนี้สั่งกาแฟ
เราพิมพ์ค่าของ check_orders ตัวแปรไปยังคอนโซล JavaScript เนื่องจาก John Appleseed ได้สั่งซื้อในวันนี้ ฟังก์ชันของเราจึงส่งคืนบันทึกคำสั่งซื้อของเขา หากเขาไม่สั่งซื้อ โปรแกรมของเราจะไม่มีการคืนสินค้า
หากคุณสนใจที่จะเรียนรู้เพิ่มเติมเกี่ยวกับ filter() เมธอด ดูบทช่วยสอนของเราเกี่ยวกับเมธอด JavaScript filter() และ reduce()
บทสรุป
รวม() วิธีการตรวจสอบว่าค่าอยู่ในอาร์เรย์หรือไม่ เมธอดนี้คืนค่า จริง หรือ เท็จ ขึ้นอยู่กับผลลัพธ์ ตัวกรอง() วิธีการกำหนดว่าอาร์เรย์ของวัตถุมีค่าเฉพาะหรือไม่ เมธอดนี้ส่งคืนอ็อบเจ็กต์ที่ตรงตามเกณฑ์หากมีอยู่ในอาร์เรย์
คุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ JavaScript หรือไม่? ดูคู่มือ How to Learn JavaScript ของเรา คุณจะพบคำแนะนำจากผู้เชี่ยวชาญและรายชื่อหลักสูตร หนังสือ และแหล่งข้อมูลออนไลน์ชั้นนำที่คุณสามารถใช้เพื่อช่วยในการเรียนรู้
