Как пользоваться: Excel, CSV и JSON в массив JavaScript
- Вставьте CSV, ячейки Excel или JSON либо откройте файл.
- Выберите структуру: массив объектов, строки как массивы или объект с ключами из первого столбца.
- Выберите объявление (
const,export const,module.exports…), стиль кавычек и отступы. - Скопируйте код или скачайте его как файл
.js.
Что делает конвертер CSV в массив JavaScript?
Он превращает строки таблицы в литерал JavaScript, который можно вставить в исходный код. Это удобно для тестовых данных, историй Storybook, модульных тестов, вариантов выпадающих списков, небольших справочных таблиц и статичных сайтов, которым не нужна база данных или парсер CSV во время выполнения.
export const products = [
{ id: 1, name: 'Ada Lovelace', active: true },
{ id: 2, name: 'Grace Hopper', active: true },
];Литерал JavaScript и JSON
JSON — строгое подмножество синтаксиса JavaScript, но код, написанный вручную, обычно менее формален. Этот инструмент создаёт идиоматичный JavaScript:
- Ключи без кавычек, если ключ — допустимый идентификатор (
name:), и в кавычках только при необходимости ('first name':). - Одинарные или двойные кавычки, чтобы соответствовать настройкам Prettier или ESLint.
- Запятые в конце, благодаря которым при добавлении строк в диффе меняется только одна строка.
- Настоящие типы: числа, логические значения и
nullне берутся в кавычки, а значения с ведущими нулями остаются строками.
Структуры и объявления
| Параметр | Результат |
|---|---|
| Объекты | [{ id: 1, … }, …] — привычный массив записей |
| Строки (списки) | [['id', 'name'], [1, 'Ada']] — заголовок первым, как в таблице |
| По ключу из первого столбца | { 'KB-001': { … } } — мгновенный поиск по ID |
export const / export default | ES-модули (Vite, Next.js, современный Node) |
module.exports | CommonJS (старый код Node.js) |
При входных данных JSON опция Сохранять исходную структуру JSON сохраняет вложенные объекты и массивы без изменений. Нужны типы TypeScript для данных? Сгенерируйте их с помощью JSON в TypeScript. Для проектов на PHP используйте CSV в массив PHP.
Также ищут как: csv в js массив, excel в javascript массив, csv в массив объектов, json в javascript объект, csv в js объект, таблица в javascript, csv в typescript массив, конвертер csv в javascript.
Инструменты, которые хорошо сочетаются с Excel, CSV и JSON в массив JavaScript
- Excel в JSON — Откройте книгу .xlsx или вставьте ячейки прямо из Excel или Google Sheets и получите чистый JSON.
- CSV в JSON — Вставьте CSV или TSV и получите JSON-массив объектов.
- Генератор тестовых данных — Создайте до 10 000 строк реалистичных тестовых данных: пользователей, товары, заказы, адреса, компании или вложенные API-записи, либо собственную схему.
- JSON в Excel — Превратите JSON-массив в настоящую книгу Excel.