JSFiddle - React, Tailwind, and code Playground

HTML

<pre id="output"></pre>

JavaScript

var objectSchemasList = {
  1: [
    {
        name: 'list_field1_1',
      uuid: 'uuid1',
      fieldObjectSchemaId: 2
    },
    {
        name: 'list_field1_2',
      uuid: 'uuid2',
      fieldObjectSchemaId: null
    },
  ],
  2: [
    {
        name: 'list_field2_1',
      uuid: 'uuid3',
      fieldObjectSchemaId: null
    },
    {
        name: 'list_field2_2',
      uuid: 'uuid4',
      fieldObjectSchemaId: null
    },
  ],
  3: [
    {
        name: 'list_field3_1',
      uuid: 'uuid5',
      fieldObjectSchemaId: 1
    },
    {
        name: 'list_field3_2',
      uuid: 'uuid6',
      fieldObjectSchemaId: null
    },
  ],
};
const objectSchemaFields = [
    {
    name: 'field_1',
    uuid: '_uuid1',
    fieldObjectSchemaId: null
  },
  {
    name: 'field_2',
    uuid: '_uuid2',
    fieldObjectSchemaId: null
  },
  {
    name: 'field_3',
    uuid: '_uuid3',
    fieldObjectSchemaId: 1
  },
];

var output = [];

function processObject(path, obj) {
  path = path.concat([obj.name]);
  output.push({
    path: path.join("."),
    name: obj.name,
    uuid: obj.uuid,
  });
  var schema = objectSchemasList[obj.fieldObjectSchemaId];
  if (schema) {
    schema.forEach(processObject.bind(null, path));
  }
}

objectSchemaFields.forEach(processObject.bind(null, []));
document.getElementById("output").textContent = JSON.stringify(output, undefined, 2);