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

Question

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

Answer 1

<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>