กรองอาร์เรย์ออบเจกต์ JavaScript ด้วยอีกอาร์เรย์หนึ่ง

สมมติว่าเรามีอาร์เรย์ของออบเจกต์ดังนี้

const arr = [ 
  {area: 'NY', name: 'Bla', ads: true}, 
  {area: 'DF', name: 'SFS', ads: false}, 
  {area: 'TT', name: 'SDSD', ads: true}, 
  {area: 'SD', name: 'Engine', ads: false}, 
  {area: 'NSK', name: 'Toyota', ads: false}, 
];

เราต้องเขียนฟังก์ชัน JavaScript ที่รับอาร์เรย์ดังกล่าวเป็นอาร์กิวเมนต์แรก และอาร์เรย์ของสตริงค่าคงที่เป็นอาร์กิวเมนต์ที่สอง

ฟังก์ชันควรกรองอินพุตอาร์เรย์ออบเจกต์ให้เหลือเฉพาะออบเจกต์ที่ property "area" อยู่ในอาร์เรย์ค่าคงที่ (อาร์กิวเมนต์ที่สอง)

ตัวอย่างโค้ด

โค้ดสำหรับการทำงานนี้จะเป็นดังนี้

const arr = [ 
  {area: 'NY', name: 'Bla', ads: true}, 
  {area: 'DF', name: 'SFS', ads: false}, 
  {area: 'TT', name: 'SDSD', ads: true}, 
  {area: 'SD', name: 'Engine', ads: false}, 
  {area: 'NSK', name: 'Toyota', ads: false}, 
]; 
const keys = ['NY', 'SD']; 
const filterByArea = (arr = [], keys = []) => { 
  const res = []; 
  for(let i = 0; i < arr.length; i++){ 
    const { area } = arr[i]; 
    if(keys.includes(area)){ 
      res.push(arr[i]); 
    }; 
  }; 
  return res; 
}; 
console.log(filterByArea(arr, keys));

ผลลัพธ์

ผลลัพธ์ในคอนโซลจะเป็นดังนี้

[ 
  { area: 'NY', name: 'Bla', ads: true }, 
  { area: 'SD', name: 'Engine', ads: false } 
]