แมปคุณสมบัติหลายค่าในอาร์เรย์ของออบเจ็กต์เป็นอาร์เรย์เดียวใน JavaScript

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

const arr = [
  {a: 1, b: 2},
  {a: 3, b: 4},
  {a: 5, b: 6}
];

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

const output = [1, 2, 3, 4, 5, 6];

ตัวอย่าง

const arr = [
  {a: 1, b: 2},
  {a: 3, b: 4},
  {a: 5, b: 6}
];

const pushToArray = (arr = []) => {
  const result = arr.reduce((acc, obj) => {
    acc.push(obj.a);
    acc.push(obj.b);
    return acc;
  }, []);
  return result;
};

console.log(pushToArray(arr));

ผลลัพธ์

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

[ 1, 2, 3, 4, 5, 6 ]