前端如何将js健值对 规整的放在新创建的xlsx中呢
时间: 2024-09-24 17:15:59 浏览: 32
xlsx-js-style导出Demo,纯前端带样式导出表格数据
5星 · 资源好评率100%
在前端,你可以使用JavaScript库如`xlsx`或`js-xlsx`来操作Excel文件,并将键值对添加到工作表中。下面是一个简单的步骤示例:
首先,你需要安装相应的库,如果是使用npm,可以在项目目录下运行:
```bash
npm install xlsx js-xlsx
```
然后,你可以按照以下代码片段处理键值对并将它们插入新的工作簿:
```javascript
// 导入必要的模块
const XLSX = require('xlsx');
// 创建一个空的工作簿
let workbook = XLSX.utils.book_new();
// 定义一个键值对的对象数组
let keyValuePairs = [
{ key: 'Name', value: 'John Doe' },
{ key: 'Age', value: 30 },
// 更多数据...
];
// 遍历键值对数组
keyValuePairs.forEach(pair => {
// 获取当前行数
let sheet_name = 'Sheet1'; // 如果你想添加到其他工作表,可以更改sheet_name
let sheet = XLSX.SheetNames.get(workbook.SheetNames.length) || 'Sheet1';
// 新建一个工作表,如果不存在
if (!workbook.SheetNames.includes(sheet)) {
XLSX.utils.book_add_sheet(workbook, pair.key);
}
// 将键值对添加到对应的工作表
XLSX.utils.cell_set(workbook, [sheet_names.indexOf(sheet), XLSX.utils.decode_cell(pair.key).r + 1], pair.value);
});
// 将工作簿转换为xlsx流
let buffer = XLSX.write(workbook, { type: 'buffer' });
// 可以选择合适的输出方式,比如下载、上传等
// 或者直接在页面上显示(需要HTML5的Blob支持)
let blob = new Blob([buffer], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
window.location.href = URL.createObjectURL(blob); // 下载
阅读全文