用图像替换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