อาร์เรย์ของอ็อบเจ็กต์ที่มี id ใน JavaScript

บ่อยครั้งที่คุณจะต้องทำงาน กับอาร์เรย์ของอ็อบเจ็กต์ ซึ่งแต่ละ องค์ประกอบจะมี id สุ่มบางอย่าง ตัวอย่างเช่น อาร์เรย์อาจจะเป็นแบบนี้:

javascriptlet arr = [
  {
    id: 'GYi9GauC4gBF1e2SixDvu',
    prop1: 'value11',
    prop2: 'value12',
    prop3: 'value13',
  },
  {
    id: 'IWSpfBPSV3SXgRF87uO74',
    prop1: 'value21',
    prop2: 'value22',
    prop3: 'value23',
  },
  {
    id: 'JAmjRlfQT8rLTm5tG2m1L',
    prop1: 'value31',
    prop2: 'value32',
    prop3: 'value33',
  },
];

ในอาร์เรย์ของอ็อบเจ็กต์ดังกล่าว การเข้าถึงองค์ประกอบ จะทำผ่าน id ของพวกมัน ปัญหาที่นี่คือ ว่า id เหล่านี้อยู่ภายในองค์ประกอบ ซึ่งหมายความว่าสำหรับการทำงานใดๆ กับองค์ประกอบ จะต้องค้นหามันก่อน เทคนิค การทำงานกับอาร์เรย์ดังกล่าวเราจะ เรียนรู้ในบทเรียนถัดไป