遍历嵌套的对象数组，匹配另一个对象数组

Question

我是 Javascript 的新手，我试图遍历一个嵌套的对象数组，并根据第一个对象的属性过滤第二个对象数组。

这是两个数组的结构：

const displayArr = {
   sections: {
      section_1: [
        {
          style: "single_select_cmp",
          definition: {
            table_name: "table_1",
            field_name: "organization",
          }
        },
      ],
      section_2: [
        {
          style: "single_select_cmp",
          definition: {
            table_name: "table_1",
            field_name: "title",
          }
        },
      ]
   }
};

const schemaArr = [
  {
    table_1: {
      columns: [
        {
          description: "Tracking Number Desc",
          display_name: "Tracking Number",
          display_type: "number",
          field: "tracking_number",
          type: "int"
        },
        {
          description: "Title Desc",
          display_name: "Title",
          display_type: "multiple lines of text",
          field: "title",
          type: "text"
        },
        {
          description: "Description Desc",
          display_name: "Description",
          display_type: "multiple lines of text",
          field: "description",
          type: "text"
        },
        {
          description: "Organization Desc",
          display_name: "Organization",
          display_type: "single line of text",
          field: "organization",
          type: "text"
        }
     ]
   }
 },
 {
  table_2: { columns: [ {...}, {...} ] }
 },
 {
  table_3: { columns: [ {...}, {...} ] }
 }
 ...
]

我正在尝试通过displayArr中的table_name和field_name过滤schemaArr 。 当有匹配时，我想将description和display_name提供给 displayArr。 例如：

const displayArr = {
   sections: {
      section_1: [
        {
          style: "single_select_cmp",
          definition: {
            table_name: "table_1",
            field_name: "organization",
            description: "Organization Description", //***
            display_name: "Organization" //***
          }
        },
      ],
      section_2: [
        {
          style: "single_select_cmp",
          definition: {
            table_name: "table_1",
            field_name: "title",
            description: "Title Description", //***
            display_name: "Title" //***
          }
        },
      ]
   }
};

在此示例中，我仅从table_1中提取，但是displayArr中可能引用了任意数量的表。

对我来说，鉴于这些对象是嵌套的，这是一个更复杂的映射/过滤情况。 我想知道如何正确有效地利用 map、过滤器和/或 forEach。

预先感谢您的帮助。 真的很感激。

Answer 1

Object.values()可用于获取displayArr object 的值， forEach()可用于对其进行迭代。

find()方法可用于在schemaArr中查找具有table_name的表。 如果 table 存在，则可以再次使用find()方法查找具有 item 的field_name的列。

然后可以用这个找到的列值更新displayArr对象的定义项。

Object.values(displayArr.sections).forEach(section => {
  section.forEach(item => {
    let table = schemaArr.find(table => table[item.definition.table_name]);

    if (table) {
      // Find column by field_name.
      let obj = table[item.definition.table_name].columns.find(column => column.field === item.definition.field_name);           

      if (obj) {
        // Update definition.
        item.definition.description = obj.description;
        item.definition.display_name = obj.display_name;
      }
    }
  });
});