tengo el siguiente csv recogido con un fetch en un API rest:
animales;numeros;nombres;
leon;21,5;Paula;
perro;32,4;Guillermo;
zebra;44;Elena;
gorila;100,4;Pepe;
Este csv lo guardo en una variable en un sessionStorage llamado datos.
Deseo convertirlo en tabla html con javascript:
animales | numeros | nombres |
---|---|---|
leon | 21,5 | Paula |
perro | 32,4 | Guillermo |
zebra | 44 | Elena |
gorila | 100,4 | Pepe |
Pero con la pega de que no deseo todos los campos, es decir me gustaría que solo fuera:
animales | numeros |
---|---|
leon | 21,5 |
perro | 32,4 |
zebra | 44 |
gorila | 100,4 |
o solo:
animales | nombres |
---|---|
leon | Paula |
perro | Guillermo |
zebra | Elena |
gorila | Pepe |
Es decir necesito seleccionar los campos que deseo utilizar.
He probado a tranformarlo en json:
function convCsvAJson(datos){
var lines=datos.split("\n");
var result = [];
var headers=lines[0].split(",");
for(var i=1;i<lines.length;i++){
var obj = {};
var currentline=lines[i].split(",");
for(var j=0;j<headers.length;j++){
obj[headers[j]] = currentline[j];
}
result.push(obj);
}
//return result; //JavaScript object
return JSON.stringify(result); //JSON
}
console.log(convCsvAJson(datos));
dando como resultado:
{"animales;numeros;nombres;":"leon;21,5;Paula;"}
{"animales;numeros;nombres;":"perro;32,4;Guillermo;"}
{"animales;numeros;nombres;":"zebra;44;Elena;"}
{"animales;numeros;nombres;":"gorila;100,4;Pepe;"}
Pero nose si es exactamente lo que necesito ya que debo realizar una columna de cada resultado con un header para cada dato y no necesito todos los datos que se guardan en el csv ya que debo seleccionar solo los que necesito.
También he probado a separar cada columna en un array o json distinto: he preguntado anteriormente pensando que esta podría ser la solucion
Dando como resultado a la pregunta:
/* Datos obtenidos del servicio web */
let datos_crudos = `animales;numeros;nombres;
leon;21,5;Paula;
perro;32,4;Guillermo;
zebra;44;Elena;
gorila;100,4;Pepe;`;
/* Elementos separados por líneas */
let datos_separados = datos_crudos.split('\n');
/* Obtengo el primero para conocer los nombres de las columnas */
let cabeceras = datos_separados.shift().split(';');
/* Predefinimos la salida y sus propiedades */
let datos = {};
cabeceras.forEach(cabecera => {
datos[cabecera] = [];
});
/* Iteramos por el resto de datos */
while (elementos = datos_separados.shift()) {
/* Iterams cada elemento del registro */
elementos.split(';').forEach((elemento, indice) => {
/* Lo agregamos a la cabecera dada por su índice */
datos[cabeceras[indice]].push(elemento);
});
}
/* Mostramos el resultado */
console.log(datos);
Pero tampoco he conseguido realizar lo que busco, alguien sabría como puedo resolverlo?? He estado buscando en internet pero no consigo encontrar el resultado adecuado, ya que la gran mayoría de resultados se basan en un csv subido por un usuario o tratan diferentes resultados que poco tienen que ver con lo que necesito. Así que después de muchas horas de darle al coco y de no saber que hacer ya me gustaría pediros ayuda a ver si alguien sabría decirme, Gracias.