TypeError: Не удается прочитать свойство '0' неопределенного значения. Заголовок [0]

Потому что value.Title не определено, а вы пытаетесь это сделать if (undefined[0]) {...}

Добавьте проверку в оператор if, например.

if (value.Title && value.Title[0]) { caption = value.Title[0]; return; }

ОБНОВИТЬ

Вы можете использовать object.hasOwnProperty(), чтобы проверить, содержит ли объект определенное свойство. Затем, чтобы правильно распознать массив, я предлагаю вам использовать метод Array.isArray().

Ознакомьтесь с полным рабочим примером с предоставленной структурой данных ниже.

const data = {
  "17": {
    "class": "ScrollView",
    "Title": "Guest Services",
    "Subtitle": "",
  },
  "18": {
    "class": "Service",
    "title": "calendar",
    "imageHTML5": "",
    "titleHTML5": "Why you",
  },
  "19": {
    "class": "FinalView",
    "Title": [
        "My Club"
      ],
    "Subtitle": "",
  },
  "20": {
    "class": "Foo",
    "Subtitle": "Bar",
  }
}

const res = Object.entries(data).reduce((acc, [ key, value ]) => {
  let caption = 'Default caption'
  
  if (value.hasOwnProperty('Title')) {
    caption = Array.isArray(value.Title) ? value.Title[0] : value.Title
  } else if (value.hasOwnProperty('titleHTML5')) {
    caption = value.titleHTML5
  }
  
  return {
    ...acc,
    [key]: caption,
  }
}, {})

console.info(res)

Как вы сказали, он генерирует исключение времени выполнения, когда значение. Название не определено. Выполнение скрипта останавливается после исключения времени выполнения, поэтому ваш третий оператор if никогда не оценивается.

Чтобы этого не произошло, вы можете переписать свой код следующим образом:

if (value.Title) { 
    caption = value.Title;
    if (value.Title[0]) { 
        caption = value.Title[0];
    }
    return;
}
if (value.titleHTML5) { caption = value.titleHTML5; return; }

if (value.Title) { caption = value.Title; return; }

это означает, что если этот оператор терпит неудачу, следует запустить следующий оператор if, т.е.

if (value.Title[0]) { caption = value.Title[0]; return; }

но помните, что если мы дойдем до этого момента, это означает value.title = undefined, но тогда вы все равно попытаетесь получить доступ к элементу в 0 значения, которое уже не определено. Решение состоит в том, чтобы сделать обе проверки

if (value.Title && value.Title[0]) { caption = value.Title[0]; return; }

Если это не неопределенный заголовок, он получит значение. Заголовок, и метод вернется. Если он не определен, вы попытаетесь прочитать первую позицию неопределенного, что не имеет никакого смысла и, конечно, вызовет исключение. Это никогда не достигнет 3-го оператора, потому что остановится на первом, когда он определен, или вызовет исключение, если это так.

В любом случае вы кодируете неправильно.