js操作EXCEL按列分类

最新推荐文章于 2024-06-15 09:17:48 发布
最新推荐文章于 2024-06-15 09:17:48 发布
阅读量592 收藏 1
点赞数
分类专栏： js 文章标签： js excel xlsx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42248939/article/details/115769680
版权

利用js写了一个处理excel小工具

根据excel的列进行分类然后生成一个新的excel，利用的是 xlsx.js来进行读取然后二重循环进行分类。
-原excel格式
在这里插入图片描述
目标是把它按照company进行分类，然后分别生成一个excel，如图
在这里插入图片描述
在这里插入图片描述
我觉着使用SQL内连接也可以做到，但是对于代码门外汉肯定不会不多bb直接上代码（有点硬编码谅解）


```javascript
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

    <!-- Basic Page Needs
  ================================================== -->
    <meta charset="utf-8">
    <title>zSeeds - Free Html5 Templates</title>
    <meta name="description" content="Free Responsive Html5 Css3 Templates">
    <meta name="author" content="">

    <!-- Mobile Specific Metas
  ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- CSS
  ================================================== -->

    <!-- JS -->


    <script src="js/xlsx.js"></script>

    <script src=""></script>
</head>
<body id="page-top1" class="sub-page">


<section id="page-content">
    <div class="wrap-container zerogrid">


        <div id="contact-area">
            <h4 class="">接口</h4>
            <input type="file" accept=".xls,.xlsx"  id="file"/>
            <input type="text" accept=".xls,.xlsx"  id="text1"/>

        </div>

    </div>
    </div>
</section>




<!-- ========== Scripts ========== -->
<script src="js/jquery-1.9.1.min.js"></script>

<script src="js/bootstrap.js"></script>









<script type="text/javascript">
    /**
     * @description: sonme EXCEL tool
     * @author: zhuang
     * @Email: 418665906@qq.com
     * @date: 2021 04.15
     */


    var carData;
    $(document).ready(function(){

        var wb;//读取完成的数据
        var rABS = false; //是否将文件读取为二进制字符串

        function fixdata(data) { //文件流转BinaryString
            var o = "",
                l = 0,
                w = 10240;
            for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
            o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
            return o;
        }

        $("#file").change(function(){
            if(!this.files) {
                return;
            }
            var f = this.files[0];
            var reader = new FileReader();
            reader.onload = function(e) {
                var data = e.target.result;
                //console.log(data);
                if(rABS) {
                    wb = XLSX.read(btoa(fixdata(data)),{
                        type: 'base64'
                    });

                } else {
                    wb = XLSX.read(data,{
                        type: 'binary'
                    });
                    console.log(wb);
                    //遍历两次 ，然后特殊标记排除，然后分类成二维数组
                    // eval("A1")
                    var t= 1;
                    var obj2 = Object.assign({}, wb.Sheets);
                    var obj3 = Object.assign({}, wb.Sheets);
                    // obj2.Sheet1.="22";
                   // console.log(obj2);
                    var s= new Array();
                    var l = 0;
                    var m = 0;
                    var jk = 2;
                    var k = '';
                    //清洗对象
                    var obj3 = {
                        Sheet1:{
                            A1 :obj2.Sheet1["A1"],
                            B1 :obj2.Sheet1["B1"],
                            C1 :obj2.Sheet1["C1"],
                            D1 :obj2.Sheet1["D1"],
                            E1 :obj2.Sheet1["E1"],
                            F1 :obj2.Sheet1["F1"],
                            G1 :obj2.Sheet1["G1"],
                            H1 :obj2.Sheet1["H1"],
                            I1 :obj2.Sheet1["I1"],
                            J1 :obj2.Sheet1["J1"],
                            K1 :obj2.Sheet1["K1"],
                            L1 :obj2.Sheet1["L1"],
                            M1 :obj2.Sheet1["M1"],
                            N1 :obj2.Sheet1["N1"],
                            O1 :obj2.Sheet1["O1"],
                            P1 :obj2.Sheet1["P1"],
                            Q1 :obj2.Sheet1["Q1"],
                            R1 :obj2.Sheet1["R1"],
                            S1 :obj2.Sheet1["S1"],
                            T1 :obj2.Sheet1["T1"],
                            U1 :obj2.Sheet1["U1"],
                            V1 :obj2.Sheet1["V1"],
                            W1 :obj2.Sheet1["W1"],
                            X1 :obj2.Sheet1["X1"],
                            Y1 :obj2.Sheet1["Y1"],
                            Z1 :obj2.Sheet1["Z1"]
                        }
                    };

                    obj3.Sheet1["!margins"]=obj2.Sheet1["!margins"];
                    obj3.Sheet1["!ref"]=obj2.Sheet1["!ref"];
                    console.log(obj3);
                    var lie = document.getElementById("text1").value;

                    for (var i=2;i;i++){
                        if (wb.Sheets.Sheet1.hasOwnProperty(lie+i)){
                            //obj3 =  Object.assign({}, obj4);
                            if (wb.Sheets.Sheet1[lie+i]['w']=="#"){
                                continue;
                            }
                            else{
                                s[l] = new Array();
                                k = wb.Sheets.Sheet1[lie+i]['w'];
                                console.log(k);

                                for (var j=2;j;j++){
                                    if (wb.Sheets.Sheet1.hasOwnProperty(lie+j)){
                                        if (wb.Sheets.Sheet1[lie+j]['w']=="#"){
                                            continue;
                                        } else{
                                            if (k==wb.Sheets.Sheet1[lie+j]['w']){
                                                obj3.Sheet1["A"+jk] = obj2.Sheet1["A"+j];
                                                obj3.Sheet1["B"+jk] = obj2.Sheet1["B"+j];
                                                obj3.Sheet1["C"+jk] = obj2.Sheet1["C"+j];
                                                obj3.Sheet1["D"+jk] = obj2.Sheet1["D"+j];
                                                obj3.Sheet1["E"+jk] = obj2.Sheet1["E"+j];
                                                obj3.Sheet1["F"+jk] = obj2.Sheet1["F"+j];
                                                obj3.Sheet1["G"+jk] = obj2.Sheet1["G"+j];
                                                obj3.Sheet1["H"+jk] = obj2.Sheet1["H"+j];
                                                obj3.Sheet1["I"+jk] = obj2.Sheet1["I"+j];
                                                obj3.Sheet1["J"+jk] = obj2.Sheet1["J"+j];
                                                obj3.Sheet1["K"+jk] = obj2.Sheet1["K"+j];
                                                obj3.Sheet1["L"+jk] = obj2.Sheet1["L"+j];
                                                obj3.Sheet1["M"+jk] = obj2.Sheet1["M"+j];
                                                obj3.Sheet1["N"+jk] = obj2.Sheet1["N"+j];
                                                obj3.Sheet1["O"+jk] = obj2.Sheet1["O"+j];
                                                obj3.Sheet1["P"+jk] = obj2.Sheet1["P"+j];
                                                obj3.Sheet1["Q"+jk] = obj2.Sheet1["Q"+j];
                                                obj3.Sheet1["R"+jk] = obj2.Sheet1["R"+j];
                                                obj3.Sheet1["S"+jk] = obj2.Sheet1["S"+j];
                                                obj3.Sheet1["T"+jk] = obj2.Sheet1["T"+j];
                                                obj3.Sheet1["U"+jk] = obj2.Sheet1["U"+j];
                                                obj3.Sheet1["V"+jk] = obj2.Sheet1["V"+j];
                                                obj3.Sheet1["W"+jk] = obj2.Sheet1["W"+j];
                                                obj3.Sheet1["X"+jk] = obj2.Sheet1["X"+j];
                                                obj3.Sheet1["Y"+jk] = obj2.Sheet1["Y"+j];
                                                obj3.Sheet1["Z"+jk] = obj2.Sheet1["Z"+j];

                                                console.log(j);
                                                wb.Sheets.Sheet1[lie+j]['w'] = "#";
                                                s[l][m] = j;
                                                m++;
                                                jk++;
                                            }
                                        }
                                    }else {
                                        break;
                                    }
                                }
                                console.log("ooooooooooooooooooo");
                                console.log(obj3);

                                openDownloadDialog( sheet2blob(obj3.Sheet1),k+".XLSX");
                                obj3 = {
                                    Sheet1:{
                                        A1 :obj2.Sheet1["A1"],
                                        B1 :obj2.Sheet1["B1"],
                                        C1 :obj2.Sheet1["C1"],
                                        D1 :obj2.Sheet1["D1"],
                                        E1 :obj2.Sheet1["E1"],
                                        F1 :obj2.Sheet1["F1"],
                                        G1 :obj2.Sheet1["G1"],
                                        H1 :obj2.Sheet1["H1"],
                                        I1 :obj2.Sheet1["I1"],
                                        J1 :obj2.Sheet1["J1"],
                                        K1 :obj2.Sheet1["K1"],
                                        L1 :obj2.Sheet1["L1"],
                                        M1 :obj2.Sheet1["M1"] ,
                                        N1 :obj2.Sheet1["N1"],
                                        O1 :obj2.Sheet1["O1"],
                                        P1 :obj2.Sheet1["P1"],
                                        Q1 :obj2.Sheet1["Q1"],
                                        R1 :obj2.Sheet1["R1"],
                                        S1 :obj2.Sheet1["S1"],
                                        T1 :obj2.Sheet1["T1"],
                                        U1 :obj2.Sheet1["U1"],
                                        V1 :obj2.Sheet1["V1"],
                                        W1 :obj2.Sheet1["W1"],
                                        X1 :obj2.Sheet1["X1"],
                                        Y1 :obj2.Sheet1["Y1"],
                                        Z1 :obj2.Sheet1["Z1"]
                                    }
                                };
                                obj3.Sheet1["!margins"]=obj2.Sheet1["!margins"];
                                obj3.Sheet1["!ref"]=obj2.Sheet1["!ref"];
                                jk=2;
                                l++;
                            }
                        } else {
                            break;
                        }
                    }
                }
                console.log(s);
                // carData就是我们需要的JSON数据
                // carData = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[1]]);
            };
            if(rABS) {
                reader.readAsArrayBuffer(f);
            } else {
                reader.readAsBinaryString(f);
            }
        })

    });

    // csv转sheet对象
    function csv2sheet(csv) {
        var sheet = {}; // 将要生成的sheet
        csv = csv.split('\n');
        csv.forEach(function(row, i) {
            row = row.split(',');
            if(i == 0) sheet['!ref'] = 'A1:'+String.fromCharCode(65+row.length-1)+(csv.length-1);
            row.forEach(function(col, j) {
                sheet[String.fromCharCode(65+j)+(i+1)] = {v: col};
            });
        });
        return sheet;
    }

    // 将一个sheet转成最终的excel文件的blob对象，然后利用URL.createObjectURL下载

    // 将一个sheet转成最终的excel文件的blob对象，然后利用URL.createObjectURL下载
    function sheet2blob(sheet, sheetName) {
        sheetName = sheetName || 'Sheet1';
        var workbook = {
            SheetNames: [sheetName],
            Sheets: {}
        };
        workbook.Sheets[sheetName] = sheet;
        // 生成excel的配置项
        var wopts = {
            bookType: 'xlsx', // 要生成的文件类型
            bookSST: false, // 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
            type: 'binary'
        };
        var wbout = XLSX.write(workbook, wopts);
        var blob = new Blob([s2ab(wbout)], {type:"application/octet-stream"});
        // 字符串转ArrayBuffer
        function s2ab(s) {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i=0; i!=s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
        return blob;
    }
    // 将一个sheet转成最终的excel文件的blob对象，然后利用URL.createObjectURL下载
    function f2b(xsl) {
        var wopts = {
            bookType: 'xlsx', // 要生成的文件类型
            bookSST: false, // 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
            type: 'binary'
        };
        var wbout = XLSX.write(xsl, wopts);
        var blob = new Blob([s2ab(wbout)], {type:"application/octet-stream"});
        // 字符串转ArrayBuffer
        function s2ab(s) {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i=0; i!=s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
        return blob;
    }


    /**
     * 通用的打开下载对话框方法，没有测试过具体兼容性
     * @param url 下载地址，也可以是一个blob对象，必选
     * @param saveName 保存文件名，可选
     */
    function openDownloadDialog(url, saveName)
    {
        if(typeof url == 'object' && url instanceof Blob)
        {
            url = URL.createObjectURL(url); // 创建blob地址
        }
        var aLink = document.createElement('a');
        aLink.href = url;
        aLink.download = saveName || ''; // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效
        var event;
        if(window.MouseEvent) event = new MouseEvent('click');
        else
        {
            event = document.createEvent('MouseEvents');
            event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        }
        aLink.dispatchEvent(event);
    }
    // 传入csv，执行后就会弹出下载框
    function exportExcel(csv) {
        var sheet = csv2sheet(csv);
        var blob = sheet2blob(sheet);
        openDownloadDialog(blob, '导出.xlsx');
    }
</script>


</div>
</body></html>
Curtains Down
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery选择分类导出Excel实例.zip
10-08
标题中的“jQuery选择分类导出Excel实例.zip”表明这是一个基于jQuery技术实现的，能够将网页数据导出为Excel文件的示例项目。jQuery是一个广泛应用于前端开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画...
前端vue使用js-xlsx导出excel的三种方法
qq_30887159的博客
11-22 1115
npm install --save xlsx file-saver 在组件里面引入 exportExcel() { var xlsxParam = { raw: true };//转换成excel时，使用原始的格式 var wb = XLSX.utils.table_to_book(document.querySelector("#outTable"),xlsxParam);//outTable为列表id var wbout = XLSX.write(wb, {
vue 表格导出excel
qq_34312235的博客
10-09 202
首先：安装依赖 cnpm install file-saver cnpm install xlsx cnpm install script-loader 然后在src目录下，新建vendor目录，存放Blob.js和Export2Excel.js文件 Blob.js /* eslint-disable */ /* Blob.js*/ /*global self, unescape */ ...
exceljs使用文档
最新发布
weixin_59246157的博客
06-15 2305
目录 导入 接口 创建工作簿 设置工作簿属性 工作簿视图 添加工作表 删除工作表 访问工作表 工作表状态 工作表属性 页面设置 页眉和页脚 工作表视图 冻结视图 拆分视图 自动筛选器 列 行
wps js宏开发表格数据归类拆分和excel文件合并的xlam加载宏插件
huaermeier的博客
03-02 4238
wps excel加载宏入门，利用js宏开发表格数据拆分与excel文件合并的工具，把代码工作簿另存为xlam文件，然后添加到加载项即可使用。
Javascript导出Excel的方法
无界编程
12-22 7916
function method1(tableid) {//整个表格拷贝到EXCEL中 var curTbl = document.getElementById(tableid); var oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel var oWB = oXL.Work
WPS JS宏年级全体学生各科目成绩汇总
huaermeier的博客
04-04 800
8个考场共416名考生参考，每个考场有：语文、数学、英语、政治、历史、地理、生物，共计7个科目的成绩表，按照考号汇总每个考生7个科目的考试成绩。
sql行转列合并GrideView单元格 实现类似Excel效果
11-21
"sql行转列合并GrideView单元格 实现类似Excel效果"这个主题聚焦于如何利用SQL查询和前端技术来构建一个动态、灵活的数据展示界面，使得用户可以像操作Excel那样方便地查看和操作数据。以下是关于这一主题的详细知识...
类似 Excel 表格效果
03-21
在实际应用中，类似 Excel 表格效果的实现可能依赖于前端开发技术，如 JavaScript 库（如 DataTables, Handsontable 或 Ag-Grid）或者 Web 组件（如 Google Sheets API）。这些工具提供了丰富的功能，包括但不限于...
TableFreeze冻结列.rar
05-14
在网页开发中，有时我们需要创建类似Excel表格的用户体验，其中用户可以滚动查看大量数据，同时保持表头和某些列固定不动。"TableFreeze"是一个这样的解决方案，它允许我们在JavaScript或jQuery的帮助下实现列和行的...
spreadjs_包含合并列头的数据绑定-demo (1).zip
09-09
SpreadJS是一个强大的JavaScript电子表格组件，它允许开发者在Web应用中实现类似于Excel的功能。 描述中的“spreadjs_包含合并列头的数据绑定-demo (1)”进一步强调了这个示例的主要特性，即数据绑定和合并列头。在...
wps js宏实战案例：批量汇总订单数据、识别黑名单、自动统计业绩、每笔订单生成带条形码的发货单并输出为pdf文件用于打印
huaermeier的博客
02-13 3882
wps js支持ES6语法，对比vba能节省非常多的代码量，对于经常用Excel处理数据非常方便
JS巧妙获取剪贴板数据--Excel数据的粘贴
alapsa的专栏
07-09 2677
      最近需要在浏览器端实现excel数据的粘贴，一开始去找获取剪贴板数据的方法。但是在浏览器端，JS去取是受安全限制的。另外的方法就是用flash了，它可以避开浏览器的安全限制，但是system类中只有set的方法，另外的clipboard类中倒是能访问到，但是似乎需要flash10的版本支持。      网上找了一圈，没啥发现。终于想到去看看google sheet是怎么干的。 
JS 巧妙获取剪贴板数据 Excel数据的粘贴
javaSamBlog
08-10 1777
最近需要在浏览器端实现excel数据的粘贴，一开始去找获取剪贴板数据的方法。但是在浏览器端，JS去取是受安全限制的。     另外的方法就是用flash了，它可以避开浏览器的安全限制，但是system类中只有set的方法，另外的clipboard类中倒是能访问到，但是似乎需要flash10的版本支持。网上找了一圈，没啥发现。终于想到去看看google sheet是怎么干的。 发 现goo...
js读取解析本地Excel文件并分类展示
热门推荐
xjun0812的博客
08-17 2万+
需求描述 在移动端需要做一个汽车品牌和型号的选择页面。考虑到数据比较多，又基本不会变化，决定把车辆信息数据放在一个Excel表格中作为一个静态资源，需要用时通过js读取并展示。下图是Excel的部分内容： 最终效果 左侧是选择车辆品牌，右侧是选择好车辆品牌之后继续选择车辆型号。 关键代码(读取本地Excel数据) 1、需要提前引入 xlsx.full.min.js 文件。 2、...
node.js 操作excel
deluo7944的博客
12-18 191
首先安装依赖库node-xlsx npm installnode-xlsx 在操作文件中直接引用 var xlsx = require("node-xlsx"); 读取excel var list =xlsx.parse("./excel/" + excelName); //读出后是数组，包含每个sheet [ { name: 'sheet1',data...
用JavaScript读取excel并按列转换为数组
sinolzeng的专栏
03-05 2620
首先说一下，ie浏览器有个ActiveXObject的属性，可以很方便的操作excel，网上也有很大教程，就不再赘述了，自行百度。 如果是非ie浏览器的，则需要用到html5的FileReader属性，以及网上的js-xlsx库。微软的xlsx格式本质上是一个zip。而FileReader可以将文件读取成二进制流，通过一定解码即可将zip的二进制流给解析出来，之后的处理sheet以及单元格内容就简单了。如果想要完全自己写，需要对xlsx的压缩编码机制有非常深入的了解。国内网上几乎搜不到半点资料，国外稍有一
jqGrid 表格分组 grouping 使用汇总 动态展开收起分组 新增、删除、编辑行自动更新分组统计
chuangxin的专栏
05-28 4756
jqGrid表格自带group分组功能，包括表头Header分组和表格内容分组功能，本文讨论表格行如何实现分组统计；表格行新增、删除时如何自动更新分组统计；表格行汇总列单元格编辑室如何更新分组统计；如何动态实现分组展开、收起功能。
写nodejs脚本，操作excel表格，表格里有很多数据数据，如分类号，和书名，数量。将表格按照中图法进行排序
06-13
可以使用 `exceljs` 库来对 Excel 表格进行操作，按照中图法对表格进行排序，具体步骤如下： 1. 安装 `exceljs` 库 在终端中运行以下命令安装 `exceljs` 库： ``` npm install exceljs ``` 2. 读取 Excel 表格 在 Node.js 中使用 `exceljs` 库读取 Excel 表格，可以使用以下代码： ```javascript const ExcelJS = require('exceljs'); const workbook = new ExcelJS.Workbook(); workbook.xlsx.readFile('path/to/workbook.xlsx') .then(() => { const worksheet = workbook.getWorksheet('Sheet1'); // 在这里进行排序操作 }); ``` 其中，`path/to/workbook.xlsx` 是要读取的 Excel 文件路径，`Sheet1` 是要操作的工作表名称。 3. 进行排序操作 可以使用 JavaScript 数组和对象来对表格数据进行排序。具体步骤如下： ```javascript const data = []; worksheet.eachRow((row, rowNumber) => { // 获取分类号、书名和数量列的值 const category = row.getCell(1).value; const name = row.getCell(2).value; const count = row.getCell(3).value; // 创建新的数据对象 const item = { category, name, count }; data.push(item); }); // 按照分类号进行排序 data.sort((a, b) => { const ca = a.category.split('.'); const cb = b.category.split('.'); for (let i = 0; i < Math.min(ca.length, cb.length); i++) { const diff = parseInt(ca[i]) - parseInt(cb[i]); if (diff !== 0) { return diff; } } return ca.length - cb.length; }); // 将排序结果写入新的工作表 const newWorksheet = workbook.addWorksheet('排序结果'); newWorksheet.columns = [ { header: '分类号', key: 'category' }, { header: '书名', key: 'name' }, { header: '数量', key: 'count' }, ]; data.forEach((item) => { newWorksheet.addRow({ category: item.category, name: item.name, count: item.count }); }); // 将结果保存到新的 Excel 文件中 workbook.xlsx.writeFile('path/to/newWorkbook.xlsx'); ``` 在上述代码中，首先定义了一个空数组 `data` 来存储表格数据。然后使用 `eachRow` 方法遍历 Excel 表格中的每一行，获取分类号、书名和数量列的值，并创建新的数据对象。接着，使用 `sort` 方法按照分类号进行排序，排序方法使用了中图法的排序规则。最后，将排序结果写入新的工作表，并保存到新的 Excel 文件中。 注意：在使用 `exceljs` 库时，需要使用异步方法读取和写入 Excel 文件，因此需要使用 `Promise` 或 `async/await` 等方法来处理异步操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值