使用JavaScript将Excel文件读入数组

Question

使用JavaScript将Excel文件读入数组

3

我想要读取一个excel文件，并用javascript创建一个多维数组。 excel文件的样式如下：

AA11 AA22 AN65
AB11 AB22 AN64
...

我需要创建一个类似这样的数组:

[
    [AA11, AA22, AN65],
    [AB11, AB22, AN64]
]

到目前为止，我已经成功弹出了文件选择窗口，并且我认为它正在读取文件，但是我认为它可能没有正确地将数据放入数组中。这是我的进展：

    <script type="text/javascript">
        $(function () {
            $("#input").on("change", function () {
            var excelFile,
            var array = [[],[]];
                fileReader = new FileReader();

            $("#result").hide();

            fileReader.onload = function (e) {
                var buffer = new Uint8Array(fileReader.result);

                $.ig.excel.Workbook.load(buffer, function (workbook) {
                    var column, row, newRow, cellValue, columnIndex, i,
                        worksheet = workbook.worksheets(0),
                        columnsNumber = 0,
                        gridColumns = [],
                        data = [],
                        worksheetRowsCount;
                    while (worksheet.rows(0).getCellValue(columnsNumber)) {
                        columnsNumber++;
                    }
                    for (columnIndex = 0; columnIndex < columnsNumber; columnIndex++) {
                        column = worksheet.rows(0).getCellText(columnIndex);
                        gridColumns.push({ headerText: column, key: column });
                    }
                    for (i = 1, worksheetRowsCount = worksheet.rows().count() ; i < worksheetRowsCount; i++) {
                        newRow = {};
                        row = worksheet.rows(i);

                        for (columnIndex = 0; columnIndex < columnsNumber; columnIndex++) {
                            cellValue = row.getCellText(columnIndex);
                            //newRow[gridColumns[columnIndex].key] = cellValue;
                            array[row,columnIndex] = cellValue;
                        }

                        window.alert(array[0][0]);
                        data.push(array);
                    }

    </script>

任何帮助都将不胜感激。

- Prerona Kundu

1

当您说“Excel文件”时，是指.xls / .xlsx文件还是.csv文件？ - Stephen P

1

看起来你正在使用某种第三方库来帮助你读取工作簿。你可能想要[编辑]你的问题，将该库的名称包含在问题中（如果存在，则包含在标签中）。 - Heretic Monkey

一行代码 `let input = "A B C DD EE FF"; // tab 分隔符 \tlet clean = input.replace(/^/g, '["').replace(/\t/g, '","').replace(/(?:\r\n|\r|\n)/g, '"], ["').replace(/, [$/, ''); clean = clean.substring(0, clean.length-4); let arr = JSON.parse('['+clean+']')` - David d C e Freitas

2个回答

0

这里是完整的解决方案，此外我还添加了按类别分组的函数，以演示我们可以将函数应用于JSON数组。

(async() => {
  const url = "./yourfile.xlsx";
  const data = await (await fetch(url)).arrayBuffer();
  /* data is an ArrayBuffer */
  const workbook = XLSX.read(data);

  const firstSheetName = workbook.SheetNames[0];
  const worksheet = workbook.Sheets[firstSheetName];
  const sheetValues = XLSX.utils.sheet_to_json(worksheet);

  const groupByCategory = sheetValues.reduce((group, product) => {
  const { category } = product;
  group[category] = group[category] ?? [];
  group[category].push(product);
  return group;
  }, {});

  console.log(groupByCategory)
  /* DO SOMETHING WITH workbook HERE */
})();

- klpx

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- webketje · Accepted Answer

不确定您用的是什么解析Excel的工具，是IgniteUI吗？值得一提的是，SheetJS的免费社区版js-xlsx提供了一些函数，可以根据您提供的电子表格生成所需的输出。

文档有点凌乱，但是它们是完整的，最适合这种用例的部分是：解析工作簿下的浏览器文件上传表单元素和XLSX.utils.sheet_to_json。您可以在下面的代码示例中使用您提供的电子表格类型运行测试：

$("#input").on("change", function (e) {
   var file = e.target.files[0];
   // input canceled, return
   if (!file) return;
   
   var FR = new FileReader();
   FR.onload = function(e) {
     var data = new Uint8Array(e.target.result);
     var workbook = XLSX.read(data, {type: 'array'});
     var firstSheet = workbook.Sheets[workbook.SheetNames[0]];
     
     // header: 1 instructs xlsx to create an 'array of arrays'
     var result = XLSX.utils.sheet_to_json(firstSheet, { header: 1 });
     
     // data preview
     var output = document.getElementById('result');
     output.innerHTML = JSON.stringify(result, null, 2);
   };
   FR.readAsArrayBuffer(file);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.5/xlsx.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" id="input" accept=".xls,.xlsx,.ods">
<pre id="result"></pre>