วิธีได้อาร์เรย์เดียวจากหลายอาร์เรย์ใน JavaScript

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

const arr = [
  [ {"c": 1},{"d": 2} ],
  [ {"c": 2},{"d": 3} ]
];

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

ฟังก์ชันควรแปลงอาร์เรย์ (สร้างอาร์เรย์ใหม่) เป็นอาร์เรย์ของออบเจ็กต์โดยลบอาร์เรย์ซ้อนออก

ดังนั้น ผลลัพธ์สุดท้ายควรเป็นดังนี้:

const output = [{"c": 1},{"d": 2},{"c": 2},{"d": 3}];

ตัวอย่าง

const arr = [
  [ {"c": 1},{"d": 2} ],
  [ {"c": 2},{"d": 3} ]
];

const simplifyArray = (arr = []) => {
  const res = [];
  arr.forEach(element => {
    element.forEach(el => {
      res.push(el);
    });
  });
  return res;
};

console.log(simplifyArray(arr));

ผลลัพธ์

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

[ { c: 1 }, { d: 2 }, { c: 2 }, { d: 3 } ]