Замена строк JSON изображениями

Question

У меня есть столбец таблицы, который заполнен документами, и в следующем столбце я отобразил расширение файла этого документа (то есть .docx).

Я хочу иметь возможность заменить текст расширения файла изображениями значков, которые хранятся локально (folder/src/SiteAssets/Images/docx.gif).

Смогу ли я работать с исходным кодом, который у меня есть:

// -- Generating extension names -- //
    function docType(fileName) {
      return [fileName].filter(function() {
        return true;
      }).map(function(fileName) {
        return fileName.split('.').pop();
      }).pop();
    }

заменить текст значками?Я думал о чем-то вроде if (extension===true), replace with icon.gif. В случае необходимости я могу избавиться от этого кода и работать с чем-то другим.

Загрузка данных документа:

$.noConflict();
    let tableRes = JSONfile.d.results.filter(function(val) { 
      return (val.FileLeafRef.trim().length > 0);
    }).map(function(obj) {
      return {
        "Path": obj.EncodedAbsUrl,
        "Titles": obj.File.Name,
        "Categories": obj.ResourceType.results.map(function(val) {
          return val.Label;
        }).join(";"),
        "Blank": "",
        "docImg": docType(obj.File.Name) // "Getting the docType of obj.File.Name"
      }
    })

Таблица рендеринга:

$('#km-table-id').DataTable( {
      columns: [
        // { data: "Blank" },
        { data: "Categories" }, // hidden
        { data: "docImg" },
        { data: "Titles" }
      ],
...etc