如何在codeigniter中对数据表求和

Question

结果只显示$NaN ( $NaN total)

我刚刚从复制的代码数据表，我只是更改列在这里我想总结一下。 这是我之前的代码

<script>
$(document).ready(function() {
$('#tableoperasional').DataTable( {
  "footerCallback": function ( row, data, start, end, display ) {
     var api = this.api(), data;
                             
     // Remove the formatting to get integer data for summation
     var intVal = function ( i ) {
       return typeof i === 'string' 
         ? i.replace(/[\$,]/g, '') * 1
         : typeof i === 'number'
         ? i 
         : 0;
     };

    // Total over all pages
    total = api
      .column( 2 )
      .data()
      .reduce( function (a, b) {
        return intVal(a) + intVal(b);
      }, 0 );
                             
      // Total over this page
      pageTotal = api
        .column( 2, { page: 'current'} )
        .data()
        .reduce( function (a, b) {
          return intVal(a) + intVal(b);
        }, 0 );
                             
        // Update footer
        // Update footer
        $( api.column( 2 ).footer() ).html(
          '$'+pageTotal +' ( $'+ total +' total)'
        );
      }
    });
  });
</script>

我也更新了js lib，仍然没有任何反应。 我希望你的帮助。

Answer 1

主要问题

我认为问题出在您的intVal函数中。 当一个String传入它时，所有$和,字符都被删除，结果乘以1 （将其转换为Number ）。 但是，如果String.prototype.replace没有删除所有非数字字符，则转换将失败并返回NaN 。

例如：

var valueInColumn = '12,45%';
var nanResult = valueInColumn.replace(/[\$,]/g, '') * 1;
console.log(nanResult);

不使用隐式转换 ( * 1 )，而是通过parseFloat / parseInt使用显式转换。 它的意图更清晰，也比隐式转换更安全：

var intVal = function (i) {
  return typeof i === 'string'
    ? parseFloat(i.replace(/[\$,]/g, '')) // <-- here
    : typeof i === 'number'
    ? i
    : 0;
}

如果这不能解决问题，可以使intVal更安全/更严格。 就是这样：

var safeIntVal = i => {
  var rval = i;
  if (typeof rval === 'string') {
    rval = parseFloat(rval.replace(/[^\d\.]/g, ''));    // <-- remove all non-numeric characters except dots and convert into a number
  }
  if (typeof rval !== 'number' || Number.isNaN(rval)) { // <-- if the result of the conversion isn't a number or is NaN, set it to zero
    rval = 0;
  }
  return rval;                                          // <-- return
}

在以下代码段中可以看出两种实现的差异：

 var intVal = function ( i ) { return typeof i === 'string' ? i.replace(/[\\$,]/g, '') * 1 : typeof i === 'number' ? i : 0; }; var safeIntVal = function (i) { var rval = i; if (typeof rval === 'string') { rval = parseFloat(rval.replace(/[^\\d\\.]/g, '')); } if (typeof rval !== 'number' || Number.isNaN(rval)) { rval = 0; } return rval; } var testString = 'a23,3.65$b'; console.log('Original intVal result:', intVal(testString)); console.log('Modified safeIntVal result:', safeIntVal(testString));

旁注

您在footerCallback函数中声明了一个data变量，该变量footerCallback了传递给回调的同名参数。 此外， total和pageTotal变量看起来像隐式全局变量（它们声明时没有使用var关键字）。