vue中xlsx读取excel文件，在只读取文件前100行数据情况下，如何过滤空白列？

Z时代
2024-02-07
分类：IT

回答：

<template>
  <div>
    <input type="file" @change="handleFileUpload" />
  </div>
</template>
<script>
import XLSX from 'xlsx';
export default {
  methods: {
    handleFileUpload(event) {
      const file = event.target.files[0];
      const reader = new FileReader();
      reader.onload = (e) => {
        const data = new Uint8Array(e.target.result);
        const workbook = XLSX.read(data, { type: 'array' });
        // 获取第一个工作表
        const worksheet = workbook.Sheets[workbook.SheetNames[0]];
        // 将工作表转换为JSON对象数组
        const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
        // 筛选前100行非空白数据
        const nonEmptyData = jsonData.filter(row => row.length > 0).slice(0, 100);
        console.log(nonEmptyData);
      };
      reader.readAsArrayBuffer(file);
    }
  }
};</script>