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

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

let 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 เหล่านี้อยู่ภายในองค์ประกอบ ซึ่งหมายความว่าสำหรับการทำงานใดๆ กับองค์ประกอบ จะต้องค้นหามันก่อน เทคนิค การทำงานกับอาร์เรย์ดังกล่าวเราจะ เรียนรู้ในบทเรียนถัดไป