js 对已知数组数据的导出

Posted 2020-10-04 晓菲

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 对已知数组数据的导出相关的知识，希望对你有一定的参考价值。

1. 方法一

<a id="frontExportLogLink" href="javascript:void(0)" ng-click="exportLog()" class="btn btn-danger">导出<span class="glyphicon glyphicon-question-sign mgl10" tooltip="{{‘不支持ie‘ | translate}}"></span></a>

function  getExplorer() {
    var explorer = window.navigator.userAgent ;
    //ie
    if (explorer.indexOf("MSIE") >= 0) {
        return ‘ie‘;
    }
    //firefox
    else if (explorer.indexOf("Firefox") >= 0) {
        return ‘Firefox‘;
    }
    //Chrome
    else if(explorer.indexOf("Chrome") >= 0){
        return ‘Chrome‘;
    }
    //Opera
    else if(explorer.indexOf("Opera") >= 0){
        return ‘Opera‘;
    }
    //Safari
    else if(explorer.indexOf("Safari") >= 0){
        return ‘Safari‘;
    }
}
vm.cacheData = "data":[
    {
        "lineNo":1,
        "msg":"test1"
    },
    {
        "lineNo":2,
        "msg":"test2"
    },
]
vm.exportLog = function() {
    if(getExplorer()==‘ie‘)
    {
        //TODO
        var oXL = new ActiveXObject("Excel.Application"),
            oWB = oXL.Workbooks.Add(),
            oSheet = oWB.ActiveSheet,
            i = 0,
            j;

        for(; i < vm.list.data.length; i++){
            var row = vm.list.data[i];
            j = 0;
            angular.forEach(vm.cacheData, function(item, key) {
                oSheet.Cells(i + 1, j + 1).value = item[key];
                j++;
            });
        }
    }
    else
    {
        var fileName = getExcelFileName();
        try {
            //方法1,2,3,
            tableToExcel(fileName, vm.cacheData);
        }
        catch(e) {
            console.log(e);
            notificationService.error(‘导出失败‘, false);
        }
    }
}

function getExcelFileName() {
    var d = new Date();
    var curYear = d.getFullYear();
    var curMonth = "" + (d.getMonth() + 1);
    var curDate = "" + d.getDate();
    var curHour = "" + d.getHours();
    var curMinute = "" + d.getMinutes();
    var curSecond = "" + d.getSeconds();
    if (curMonth.length == 1) {
        curMonth = "0" + curMonth;
    }

    if (curDate.length == 1) {
        curDate = "0" + curDate;
    }

    if (curHour.length == 1) {
        curHour = "0" + curHour;
    }

    if (curMinute.length == 1) {
        curMinute = "0" + curMinute;
    }

    if (curSecond.length == 1) {
        curSecond = "0" + curSecond;
    }

    var fileName = "导入错误信息" + "_" + curYear + curMonth + curDate + "_"
            + curHour + curMinute + curSecond + ".xlsx";
    return fileName;
}

var tableToExcel = function(name, data) {
    var uri = ‘data:application/vnd.ms-excel;base64,‘,
            template = ‘<html><head><meta charset="UTF-8"></head><body><table style="border: 1px solid #dee5e7">{table}</table></body></html>‘,
            base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },
            format = function(s, c) {
                return s.replace(/{(\w+)}/g,
                        function(m, p) { return c[p]; }) }
    var html = ‘<thead><tr><th style="width: 200px; border: 1px solid #dee5e7"><span>行号</span></th><th style="width: 500px;border: 1px solid #dee5e7"><span>错误信息</span></th></tr></thead><tbody>‘;
    angular.forEach(data, function(item, key) {
          html += ‘<tr>‘ +
          ‘    <td style="border: 1px solid #dee5e7">‘ +
          ‘      <span>‘ + item.lineNo + ‘</span>‘ +
          ‘    </td>‘ +
          ‘    <td style="border: 1px solid #dee5e7">‘ +
          ‘          <span>‘ + item.msg + ‘</span>‘ +
          ‘  </td>‘ +
          ‘  </tr>‘;
    });
    html += ‘</tbody>‘;
    var ctx = {worksheet: name || ‘Worksheet‘, table: html};
    document.getElementById("frontExportLogLink").href = uri + base64(format(template, ctx));
    document.getElementById("frontExportLogLink").download = name;
    //document.getElementById("frontExportLogLink").click();
}

2. 方法二

<script src="${staticPath}/lib/alasql.min.js"></script>
<script src="${staticPath}/lib/xlsx.core.min.js"></script>
<a id="frontExportLogLink" href="javascript:void(0)" ng-click="exportLog()" class="btn btn-danger">导出</span></a>

vm.cacheData = "data":[
    {
        "lineNo":1,
        "msg":"test1"
    },
    {
        "lineNo":2,
        "msg":"test2"
    },
]
vm.exportLog = function() {
    var fileName = getExcelFileName();
    try {
        //方法1,2,3,
        tableToExcel(fileName, vm.cacheData);
    }
    catch(e) {
        console.log(e);
        notificationService.error(‘导出失败‘, false);
    }
}

function getExcelFileName() {
    var d = new Date();
    var curYear = d.getFullYear();
    var curMonth = "" + (d.getMonth() + 1);
    var curDate = "" + d.getDate();
    var curHour = "" + d.getHours();
    var curMinute = "" + d.getMinutes();
    var curSecond = "" + d.getSeconds();
    if (curMonth.length == 1) {
        curMonth = "0" + curMonth;
    }

    if (curDate.length == 1) {
        curDate = "0" + curDate;
    }

    if (curHour.length == 1) {
        curHour = "0" + curHour;
    }

    if (curMinute.length == 1) {
        curMinute = "0" + curMinute;
    }

    if (curSecond.length == 1) {
        curSecond = "0" + curSecond;
    }

    var fileName = "导入错误信息" + "_" + curYear + curMonth + curDate + "_"
            + curHour + curMinute + curSecond + ".xlsx";
    return fileName;
}

var tableToExcel = function(name, data) {
    var data = angular.copy(data);
    data.unshift({lineNo: ‘行号‘, msg: ‘错误信息‘});
    alasql(‘SELECT lineNo,msg INTO XLSX("‘ + name + ‘",{headers:false}) FROM ?‘,[data]);
}

以上是关于js 对已知数组数据的导出的主要内容，如果未能解决你的问题，请参考以下文章

js中已知数组里面某个值，需要删除这个值怎么实现

几个关于js数组方法reduce的经典片段

filter 对已知数组进行筛选，返回为true的元素或对象并组成一个新数组

用js判断字符串中的数据和已知的多个checkbox的值是不是相等，若相等就将其选中，代码如下，请指出错误。

js数组高阶方法reduce经典用法代码分享