วิธีการแปลงคู่อาร์เรย์ที่ซ้อนกันเป็นวัตถุในอาร์เรย์ใน JavaScript?

สมมุติว่าเรามีอาร์เรย์แบบนี้ -

const arr = [
   [
      ['firstName', 'Joe'],
      ['lastName', 'Blow'],
      ['age', 42],
      ['role', 'clerk'],
      [
         ['firstName', 'Mary'],
         ['lastName', 'Jenkins'],
         ['age', 36],
         ['role', 'manager']
      ]
   ]
];

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

อาร์เรย์เอาต์พุตควรมีอ็อบเจ็กต์สำหรับผู้ใช้ที่ไม่ซ้ำแต่ละรายและรายละเอียดอื่นๆ เกี่ยวกับมัน

ดังนั้นผลลัพธ์ของอาร์เรย์ควรมีลักษณะดังนี้ −

const output = [
   {firstName: 'Joe', lastName: 'Blow', age: 42, role: 'clerk'},
   {firstName: 'Mary', lastName: 'Jenkins', age: 36, role: 'manager'}
];

ตัวอย่าง

รหัสสำหรับสิ่งนี้จะเป็น −

const arr = [
   [
      ['firstName', 'Joe'],
      ['lastName', 'Blow'],
      ['age', 42],
      ['role', 'clerk'],
      [
         ['firstName', 'Mary'],
         ['lastName', 'Jenkins'],
         ['age', 36],
         ['role', 'manager']
      ]
   ]
];
const convertToObject = (arr = []) => {
   const empty = {};
   const res = arr.map(el => {
      const object = this;
      el.forEach(attr => {
         let name = attr[0], value = attr[1];
         object[name] = value;
         return object;
      }, object);
      return this;
   }, empty);
   return res;
}
console.log(convertToObject(arr));

ผลลัพธ์

และผลลัพธ์ในคอนโซลจะเป็น −

[
   {
      firstName: 'Joe',
      lastName: 'Blow',
      age: 42,
      role: 'clerk',
      'firstName,Mary': [ 'lastName', 'Jenkins' ]
   }
]