javascript - 使用 javascript 函数返回格式化的 json 数据的数据表

Question

将 Datatables 与 .json 源文件结合使用，我试图在数据显示在表中之前对其进行操作。在此示例中，我试图简单地删除空格并替换为破折号。

据我所知，有两种方法可以进行一些数据操作。一个是 columnDefs，另一个是使用 dataSrc 并返回数据。当我尝试使用 .split 或 .replace 甚至 .toLowerCase() 时都失败了...

例如，我像这样添加了 columnDefs:

 columnDefs: [
            {
                "render": function ( data, type, row ) {
                  console.log(data);
                  var cn = data.split(" ").join("-").toLowerCase();
                  return cn;
                },
                "targets": 1
            }
        ],

控制台显示:

Uncaught TypeError: data.split is not a function

我们如何使用替换等操作数据？

我的数据如下:

{
    "Licensee": "Whistles for Woods",
    "Contact Name": "Bob",
    "Street": "2230 Trail",
    "Suite / PO Box": 0,
    "City": "Alturas",
    "ST": "CA",
    "Zip Code": 997733,
    "Telephone": 0,
    "Email Address": "bobc@email.com",
    "Website Address": "www.domain.com",
    "Fax": "No fax",
    "Products": "whistle with custom logo",
    "Categories": "Miscellaneous"
  },

Answer 1

正如评论中讨论的那样

我们只想确保我们确实在操作字符串而不是任何其他数据类型。所以在这种情况下，我们会将代码更改为如下所示:

 columnDefs: [
        {
            "render": function ( data, type, row ) {
              if(typeof data === 'string'){ 
                  //only if string manipulate
                  data = data.split(" ").join("-").toLowerCase();
              }
              // OR data = data.toString(); whichever is more convenient!
              return data;
            },
            "targets": 1
        }
    ],