怎么用js 写excel文件格式

使用JavaScript写入Excel文件的几种方法包括使用第三方库如SheetJS、通过服务器端语言处理数据、使用新的Web API等。以下是对使用SheetJS库的详细描述：

SheetJS（又名xlsx）是一个强大的JavaScript库，允许你在浏览器和Node.js环境中读写Excel文件。使用它，你可以轻松创建和处理Excel文件。

一、安装SheetJS库

1、在浏览器中使用

你可以直接在HTML文件中引入SheetJS库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>

2、在Node.js中使用

你可以通过npm安装SheetJS库：

npm install xlsx

二、创建Excel文件

1、创建一个简单的Excel文件

以下是一个使用SheetJS在浏览器中创建Excel文件的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Create Excel File</title>
</head>
<body>
    <button id="createExcel">Create Excel File</button>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>
    <script>
        document.getElementById('createExcel').addEventListener('click', function() {
            // 创建工作簿
            var workbook = XLSX.utils.book_new();
            // 创建工作表
            var worksheet_data = [
                ["Name", "Age", "Email"],
                ["John Doe", 30, "john@example.com"],
                ["Jane Smith", 25, "jane@example.com"]
            ];
            var worksheet = XLSX.utils.aoa_to_sheet(worksheet_data);
            // 将工作表添加到工作簿中
            XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
            // 导出Excel文件
            XLSX.writeFile(workbook, 'example.xlsx');
        });
    </script>
</body>
</html>

在这个示例中，我们创建了一个简单的Excel文件，包含一个工作表和一些数据。点击按钮后，Excel文件将被下载到本地。

2、创建复杂的Excel文件

你可以添加更多的工作表和复杂的数据结构，如对象数组：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Create Complex Excel File</title>
</head>
<body>
    <button id="createExcel">Create Complex Excel File</button>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>
    <script>
        document.getElementById('createExcel').addEventListener('click', function() {
            // 创建工作簿
            var workbook = XLSX.utils.book_new();
            // 创建第一个工作表
            var worksheet1_data = [
                ["Name", "Age", "Email"],
                ["John Doe", 30, "john@example.com"],
                ["Jane Smith", 25, "jane@example.com"]
            ];
            var worksheet1 = XLSX.utils.aoa_to_sheet(worksheet1_data);
            // 创建第二个工作表
            var worksheet2_data = [
                { Name: "Alice", Age: 28, Email: "alice@example.com" },
                { Name: "Bob", Age: 35, Email: "bob@example.com" }
            ];
            var worksheet2 = XLSX.utils.json_to_sheet(worksheet2_data);
            // 将工作表添加到工作簿中
            XLSX.utils.book_append_sheet(workbook, worksheet1, 'Sheet1');
            XLSX.utils.book_append_sheet(workbook, worksheet2, 'Sheet2');
            // 导出Excel文件
            XLSX.writeFile(workbook, 'complex_example.xlsx');
        });
    </script>
</body>
</html>

在这个示例中，我们创建了一个包含两个工作表的Excel文件。第一个工作表使用数组数据，第二个工作表使用对象数组数据。

三、读取Excel文件

你也可以使用SheetJS读取Excel文件。以下是在浏览器中读取Excel文件的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Read Excel File</title>
</head>
<body>
    <input type="file" id="uploadExcel" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>
    <script>
        document.getElementById('uploadExcel').addEventListener('change', function(event) {
            var file = event.target.files[0];
            var reader = new FileReader();
            reader.onload = function(e) {
                var data = new Uint8Array(e.target.result);
                var workbook = XLSX.read(data, { type: 'array' });
                // 获取第一个工作表
                var worksheet = workbook.Sheets[workbook.SheetNames[0]];
                // 将工作表数据转换为JSON格式
                var json = XLSX.utils.sheet_to_json(worksheet);
                console.log(json);
            };
            reader.readAsArrayBuffer(file);
        });
    </script>
</body>
</html>

在这个示例中，我们创建了一个文件输入元素，用于上传Excel文件。文件上传后，使用FileReader读取文件内容，并将其转换为JSON格式。

四、在Node.js中使用

在Node.js环境中，你可以使用SheetJS库进行类似的操作。以下是在Node.js中创建和读取Excel文件的示例：

1、创建Excel文件

const XLSX = require('xlsx');
// 创建工作簿
const workbook = XLSX.utils.book_new();
// 创建工作表
const worksheet_data = [
    ["Name", "Age", "Email"],
    ["John Doe", 30, "john@example.com"],
    ["Jane Smith", 25, "jane@example.com"]
];
const worksheet = XLSX.utils.aoa_to_sheet(worksheet_data);
// 将工作表添加到工作簿中
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
// 导出Excel文件
XLSX.writeFile(workbook, 'node_example.xlsx');

2、读取Excel文件

const XLSX = require('xlsx');
// 读取Excel文件
const workbook = XLSX.readFile('node_example.xlsx');
// 获取第一个工作表
const worksheet = workbook.Sheets[workbook.SheetNames[0]];
// 将工作表数据转换为JSON格式
const json = XLSX.utils.sheet_to_json(worksheet);
console.log(json);

五、总结

使用JavaScript写入Excel文件有很多方法，其中最常用的是使用SheetJS库。它不仅支持在浏览器中读写Excel文件，还支持在Node.js环境中操作Excel文件。通过了解和掌握这些技术，你可以轻松创建和处理Excel文件，满足各种业务需求。掌握了这些技巧后，你可以在不同的项目中灵活应用，提高工作效率。