Comment utiliser : CSV et Excel vers tableau JavaScript
- Collez du CSV, des cellules Excel ou du JSON, ou ouvrez un fichier.
- Choisissez la forme : un tableau d'objets, des lignes sous forme de tableaux, ou un objet indexé par la première colonne.
- Sélectionnez la déclaration (
const,export const,module.exports…), le style de guillemets et l'indentation. - Copiez le code ou téléchargez-le sous forme de fichier
.js.
À quoi sert un convertisseur CSV vers tableau JavaScript ?
Il transforme les lignes d'un tableur en littéral JavaScript que vous pouvez intégrer directement dans votre code source. C'est pratique pour les données fictives, les stories Storybook, les tests unitaires, les options de liste déroulante, les petites tables de correspondance et les sites statiques qui n'ont pas besoin de base de données ni d'analyseur CSV à l'exécution.
export const products = [
{ id: 1, name: 'Ada Lovelace', active: true },
{ id: 2, name: 'Grace Hopper', active: true },
];Littéral JavaScript ou JSON
JSON est un sous-ensemble strict de la syntaxe JavaScript, mais le JavaScript écrit à la main est généralement plus souple. Cet outil produit du JavaScript idiomatique :
- Clés sans guillemets lorsque la clé est un identifiant valide (
name:), entre guillemets uniquement si nécessaire ('first name':). - Guillemets simples ou doubles pour respecter vos réglages Prettier ou ESLint.
- Virgules finales, qui limitent les différences à une seule ligne lorsque vous ajoutez des lignes.
- Types réels : les nombres, booléens et
nullne sont pas entre guillemets ; les valeurs avec des zéros initiaux restent des chaînes.
Formes et déclarations
| Option | Résultat |
|---|---|
| Objets | [{ id: 1, … }, …] : le tableau d'enregistrements habituel |
| Lignes (listes) | [['id', 'name'], [1, 'Ada']] : en-tête en premier, comme dans un tableur |
| Indexé par la 1re colonne | { 'KB-001': { … } } : recherches instantanées par identifiant |
export const / export default | Modules ES (Vite, Next.js, Node moderne) |
module.exports | CommonJS (code Node.js plus ancien) |
Avec une entrée JSON, Conserver la structure JSON d'origine convertit les objets et tableaux imbriqués tels quels. Besoin de types TypeScript pour vos données ? Générez-les avec JSON vers TypeScript. Pour les projets PHP, utilisez CSV vers tableau PHP.
Aussi recherché comme : csv vers tableau javascript, excel vers tableau javascript, csv vers tableau d'objets, json vers objet javascript, csv vers objet js, convertisseur csv javascript, csv vers tableau typescript.
Outils complémentaires : CSV et Excel vers tableau JavaScript
- Excel vers JSON — Ouvrez un classeur .xlsx ou collez directement des cellules depuis Excel ou Google Sheets pour obtenir un JSON propre.
- CSV vers JSON — Collez du CSV ou du TSV pour obtenir un tableau JSON d'objets.
- Générateur de données factices — Créez jusqu'à 10 000 lignes de données de test réalistes — utilisateurs, produits, commandes, adresses, entreprises ou enregistrements API imbriqués — ou élaborez votre propre schéma.
- JSON vers Excel — Transformez un tableau JSON en véritable classeur Excel.