javascript - Ajax 路径适用于一个数组，但不适用于另一个数组

Question

我正在尝试从 ajax get 请求中提取数据。我可以访问 Fields 数组的路径，但不能访问 DocImage 数组。当我运行 DocImage 路径时，我得到

jquery.min.js:2 jQuery.Deferred exception: f.DocImage.map is not a 
function TypeError: f.DocImage.map is not a function 

这是我的 Fields 路径代码，它有效。出于保密原因，我无法显示该 URL。

 $("#btn").click(function() {
    $.ajax({
      url:
        "",
      method: "get",
      async: true,
      DataType: "application/json"
    })
    .then(function(data) {
      console.log(data);

      document.getElementById("test").innerHTML = data
        .map(function(f) {
          console.log(f);
          return f.Fields.map(function(e) {
            console.log(e);
            return "<p>" + e.DisplayName + ": " + e.DataValue + "</p>";
          }).join("<br/>");
        })
        .join("<br/>");
    });
  });

这里我切换了 DocImage 的字段。这就是我收到错误的原因。

 $("#btn").click(function() {
    $.ajax({
      url:
        "",
      method: "get",
      async: true,
      DataType: "application/json"
    })
    .then(function(data) {
      console.log(data);

      document.getElementById("test").innerHTML = data
        .map(function(f) {
          console.log(f);
          return f.DocImage.map(function(e) {
            console.log(e);
            return "<p>" + e.sfFilename + "</p>";
          }).join("<br/>");
        })
        .join("<br/>");
    });
  });

这是控制台显示的数据内容。

{Fields: Array(8), DocImage: {…}}
DocImage: {sfKey: 4, sfScanIndex: 4, sfFilename: 
"\\"IPAddress"\images\2019-01\16\12896\0000\thisisapdffile.pdf}
Fields: (8) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
__proto__: Object

Answer 1

这是您可能已经从评论中解决的答案。

问题

DocImage是对象，map函数不适用于对象。

解决方案

 $("#btn").click(function() {
        $.ajax({
          url:"",
          method: "get",
          async: true,
          DataType: "application/json"
        })
        .then(function(data) {
         document.getElementById("test").innerHTML = data
            .map(function(f) {
              console.log(f);
              return "<p>" + f.DocImage.sfFilename + "</p>";
            })
            .join("<br/>");
        });
    });