Estoy tratando de convertir un Objeto a un csv en JavaScript y descargarlo. Conozco la lógica para descargar, pero no sé cómo convertir el Objeto para que pueda usarse para esta lógica.
const tests = [ { id: 1, name: 'taro', designId: 1, designName: 'design1' }, { id: 1, name: 'taro', designId: 2, designName: 'design2' }, { id: 2, name: 'Bob', designId: 3, designName: 'design3' }, { id: 2, name: 'Bob', designId: 4, designName: 'design4' }, ];La lógica que estoy tratando de usar.↓
const objToCsv = ""; // Wanted part const type = 'text/csv'; downLoadLink.download = 'test.csv'; downLoadLink.href = URL.createObjectURL(new Blob([objToCsv], { type })); downLoadLink.dataset.downloadurl = [type, downLoadLink.download, downLoadLink.href].join(':'); downLoadLink.click();Para generar el CSV en el cliente, puede usar JS básico:
function getCsv(tests) { const lines = []; for(let item in tests) { const line = Object.values(item).map(x => escapeCsvValue(x)); lines.push(line.join(";")); } return lines.join("\n"); } function escapeCsvValue(value) { if(!value || value.indexOf(';') === -1) return value; return '"' + value.replace('"', '""') + '"'; }Este es el motivo por el que necesita escapar de los valores CSV: haga clic en
Para exportar los datos para guardarlos, puede usar una biblioteca externa, como FileSaver.js
Una forma sencilla de convertir un objeto ES a csv. Juega con el código en el fragmento, por ejemplo, para agregar delimitadores ( " , etc.).
const tests = [ { id: 1, name: 'taro', designId: 1, designName: 'design1' }, { id: 1, name: 'taro', designId: 2, designName: 'design2' }, { id: 2, name: 'Bob', designId: 3, designName: 'design3' }, { id: 2, name: 'Bob', designId: 4, designName: 'design4' }, ]; // create the topline (column headers) let topLine = Object.keys(tests[0]).join(";"); // create lines with values const lines = tests.reduce( (acc, val) => acc.concat( Object.values(val).join(`;`) ), [] ); // concat both strings const csv = topLine.concat(`\n${lines.join(`\n`)}`); console.log(csv);