วิธีค้นหาวัตถุด้วย ID ในอาร์เรย์ของวัตถุ JavaScript

Withi Khnha Watthu Dwy Id Ni Xarrey Khxng Watthu Javascript



ใน JavaScript วัตถุจะใช้สำหรับสร้างอินสแตนซ์ของคลาสที่สามารถกำหนดคลาสในรูปแบบอิสระ อย่างไรก็ตาม หากออบเจกต์หลายรายการถูกจัดเก็บไว้ในอาร์เรย์ การค้นหาออบเจกต์ที่ต้องการนั้นเป็นเรื่องยากมาก เพื่อแก้ไขปัญหานี้ JavaScript มีวิธีการต่างๆ ในการค้นหาวัตถุนั้น ตัวอย่างเช่น คุณสามารถค้นหาวัตถุโดยใช้รหัส ชื่อ ค่าคีย์ และอื่นๆ

โพสต์นี้ได้ระบุวิธีการค้นหารหัสวัตถุในอาร์เรย์ของวัตถุ JavaScript

จะค้นหาวัตถุด้วย ID ในอาร์เรย์ของวัตถุ JavaScript ได้อย่างไร

มีหลายวิธีที่สามารถใช้ในการค้นหาวัตถุในอาร์เรย์ของ JavaScript เช่น “ หา() ”, “ กรอง ”, “ ค้นหาดัชนี () , และคนอื่น ๆ.







สำหรับการใช้งานจริง ให้ลองใช้วิธีการที่ระบุไว้ทีละวิธี



วิธีที่ 1: ค้นหาวัตถุด้วย ID ในอาร์เรย์โดยใช้วิธีจาวาสคริปต์ “find()”

หากต้องการค้นหาวัตถุตาม ID ในอาร์เรย์โดยใช้ปุ่ม ' หา() ” วิธี JavaScript ประกาศอาร์เรย์คงที่ด้วยความช่วยเหลือของ “ คอสต์ ' คำสำคัญ. จากนั้นเพิ่มองค์ประกอบต่อไปนี้ในอาร์เรย์:



คอสต์ อร๊ายยย = [
{
รหัส : 01 ,
ชื่อ : 'จาวาสคริปต์'
} ,
{
รหัส : 02 ,
ชื่อ : 'ชวา'
} ,
{
รหัส : 03 ,
ชื่อ : 'HTML/CSS'
} ]

เรียกใช้ ' หา() ” วิธีการที่มีฟังก์ชันการเรียกกลับโดยที่รหัสวัตถุเทียบเท่ากับ “ 2 ” และเก็บค่าผลลัพธ์ไว้ในตัวแปรที่ประกาศ:





คอสต์ วัตถุ = อร๊าย หา ( คัดค้าน => คัดค้าน รหัส === 02 ) ;

ใช้ “ บันทึก() ” วิธีการและผ่านการโต้แย้ง “ วัตถุ ” เพื่อพิมพ์ผลลัพธ์บนคอนโซล

คอนโซล บันทึก ( วัตถุ )



วิธีที่ 2: ค้นหาวัตถุด้วย ID ในอาร์เรย์โดยใช้วิธีจาวาสคริปต์ “findIndex()”

คุณยังสามารถค้นหาวัตถุตาม ID ได้ด้วยความช่วยเหลือของ ' ค้นหาดัชนี () ' วิธี. ในการดำเนินการดังกล่าว ให้ประกาศตัวแปรโดยใช้ปุ่ม “ อนุญาต ” คำหลักและเพิ่มข้อมูลในอาร์เรย์:

ให้สัตว์Obj = [ {
รหัส : '101' ,
ชื่อ : 'แมว'
} ,
{
รหัส : '102' ,
ชื่อ : 'สุนัข'
} ,
{
รหัส : '103' ,
ชื่อ : 'กระต่าย'
} ] ;

ประกาศค่าคงที่และกำหนดค่าตามค่าคงที่ที่กำหนด:

คอสต์ รหัส = '103' ;

ตอนนี้เรียกใช้ ' ค้นหาดัชนี () ” วิธีการพร้อมฟังก์ชั่นการโทรกลับและตรวจสอบรหัส:

เคยเป็น ดัชนีสัตว์ = สัตว์Obj. ค้นหาดัชนี ( สัตว์ => สัตว์. รหัส === รหัส ) ;

ตอนนี้ส่งดัชนีอาร์เรย์เป็นอาร์กิวเมนต์ไปที่ ' บันทึก() ” วิธีแสดงดัชนีบนหน้าจอ:

คอนโซล บันทึก ( 'ดัชนี : ' + ดัชนีสัตว์ ) ;

แสดงอาร์เรย์ผลลัพธ์บนคอนโซล:

คอนโซล บันทึก ( สัตว์Obj [ ดัชนีสัตว์ ] ) ;

วิธีที่ 3: ค้นหาวัตถุด้วย ID ในอาร์เรย์โดยใช้วิธีจาวาสคริปต์ “filter()”

ประการแรก ประกาศค่าคงที่และกำหนดค่าให้กับมัน:

คอสต์ รหัส = '101' ;

คุณยังสามารถใช้ filter() วิธีการค้นหาวัตถุ เพื่อจุดประสงค์นั้น ให้เก็บองค์ประกอบไว้ในอาร์เรย์และเรียก ' กรอง() ” วิธีการเรียกใช้ฟังก์ชันการโทรกลับและตรวจสอบรหัส:

เคยเป็น สัตว์ = สัตว์Obj. กรอง ( สัตว์ => สัตว์. รหัส === รหัส ) ;
คอนโซล บันทึก ( สัตว์Obj [ ดัชนีสัตว์ ] ) ;

คุณได้เรียนรู้เกี่ยวกับหลายวิธีในการค้นหาวัตถุด้วย ID ในอาร์เรย์ของวัตถุ JavaScript

บทสรุป

หากต้องการค้นหาวัตถุตาม ID ในอาร์เรย์ของ JavaScript มีหลายวิธี รวมถึง “ หา() ”, “ กรอง ', และ ' ค้นหาดัชนี () ” ที่สามารถนำมาใช้ ในการทำเช่นนั้น ให้เพิ่มองค์ประกอบในอาร์เรย์และเรียกใช้เมธอดด้วยฟังก์ชันการเรียกกลับ และตรวจสอบรหัสของวัตถุ โพสต์นี้ระบุวิธีการต่างๆ ในการค้นหาวัตถุด้วย ID ในอาร์เรย์ของวัตถุ JavaScript