У всех нас есть файлы Excel, которые нужно преобразовать в JSON. Но проблема в том, как мы это делаем? Ну, есть много способов, и некоторые лучше, чем другие. В этом блоге я покажу вам, как легко преобразовать файлы Excel в формат JSON с помощью Node.js.
Что такое React?
React — это бесплатная библиотека JavaScript с открытым исходным кодом для создания пользовательских интерфейсов на основе компонентов пользовательского интерфейса, разработанная компанией Meta, ранее известной как Facebook.
Что такое JSON?
JSON означает нотацию объектов JavaScript. JSON — это стандартный текстовый формат для представления структурированных данных на основе синтаксиса объектов JavaScript. Он обычно используется для передачи данных в веб-приложениях.
Давайте начнем!
Для преобразования файлов Excel в формат JSON мы будем использовать библиотеку xlsx, которая предоставляет широкий спектр функций для работы с электронными таблицами и управления их содержимым. Вы можете установить эту библиотеку, выполнив следующую команду в своем терминале:
npm install xlsx
Чтобы прочитать файл Excel, вам нужно использовать метод FileReader из файла xlsx. Получив данные из файла excel, вы можете использовать метод sheet_to_json из библиотеки xlsx, чтобы преобразовать их в формат JSON.
import React, { useState } from 'react';
const Test = () => {
const submitHandler=(e)=>{
if (e.target.files) {
const reader = new FileReader();
reader.onload = (e) => {
const data = e.target.result;
const workbook = read(data, { type: "array" });
const fileName= workbook.SheetNames[0];
const sheet = workbook.Sheets[fileName];
const json = utils.sheet_to_json(sheet);
console.log("json",json);
};
reader.readAsArrayBuffer(e.target.files[0]);
}
}
<div>
<input type="file" onChange={submitHandler}/>
</div>
}
export default Test
Пример:
Мы использовали следующий файл Excel, чтобы преобразовать его в JSON.
После загрузки этого файла Excel мы получим данные JSON. Здесь мы отобразили данные JSON в таблице.
Спасибо за прочтение статьи и надеюсь, что она была вам полезна.
Полезные ссылки:
P.S: «Нарушение авторских прав не предусмотрено, Happy Coding».
