Angular+ExcelJS读取Excel后无法访问rows[0]及映射问题求助

核心问题分析 #

• 异步执行顺序错误：wb.xlsx.load()是异步Promise操作，你大概率在Promise回调外部调用了rows.map()，此时rows还未被填充数据，导致map函数无执行。
• 数据类型不匹配：你存入rows的是row.values（数组类型），但映射时参数声明为Excel.Row，类型不匹配引发逻辑异常。
• 冗余行未过滤：前两行是无用数据，需先过滤再处理。

具体修复步骤 #

1. 调整异步逻辑，确保数据加载完成后处理映射 #

将映射逻辑放到load的then回调内部，或使用async/await语法保证执行顺序：

方式1：Promise回调写法

let rows: any[] = [];
wb.xlsx.load(buffer).then(workbook => {
    const sheet = workbook.worksheets[0];
    sheet.eachRow((row) => {
        rows.push(row.values);
    });
    // 数据加载完成后再执行映射
    const courses = this.processRowsToCourses(rows);
    // 执行上传数据库逻辑
    this.uploadToDatabase(courses);
});

方式2：async/await写法（更直观）

async processExcel(buffer: ArrayBuffer) {
    const wb = new Excel.Workbook();
    await wb.xlsx.load(buffer);
    const sheet = wb.worksheets[0];
    const rows: any[] = [];
    sheet.eachRow((row) => {
        rows.push(row.values);
    });
    const courses = this.processRowsToCourses(rows);
    this.uploadToDatabase(courses);
}

2. 修正映射函数的类型与逻辑 #

rows中的元素是数组（row.values），映射时参数需对应数组类型，同时跳过前两行无用数据：

processRowsToCourses(rows: any[]): Course[] {
    // 跳过前两行，从第3行（索引2）开始处理
    return rows.slice(2).map((rowArray: any[]) => {
        console.log('hi'); // 现在会正常输出
        try {
            return new Course({
                // 原始数组第一个元素是空槽，实际数据从索引1开始
                code: rowArray[1],
                name: rowArray[2],
                start: rowArray[3],
                end: rowArray[4],
                preStart: rowArray[5],
                preEnd: rowArray[6],
                endDate: rowArray[7],
                place: rowArray[8]
            });
        } catch (error) {
            console.error('行数据处理失败:', error);
            return undefined;
        }
    }).filter(course => course !== undefined); // 过滤处理失败的项
}

3. 优化getCellValue函数（如需保留） #

若要继续使用该函数，需修改为接收数组而非Excel.Row：

getCellValue(rowArray: any[], index: number): any {
    // 处理空值或undefined情况
    return rowArray[index] ?? '';
}

验证要点 #

• 确认rows填充完成后再调用映射逻辑，此时rows[0]可正常访问。
• 检查数组索引是否正确（原始数组首元素为空槽，数据从索引1开始）。

内容的提问来源于stack exchange，提问作者diegosg