Próbuję przekonwertować wartości Object na CSV, ale metoda łączenia oddziela moje wartości tablic do różnych kolumn w programie Excel. Masz pomysł, jak mogę tego uniknąć?

Funkcja:


window.downloadCsv = function(records) {

    console.log(records);

    const array = [Object.keys(records)].concat(records);

    console.log(array);

    let result = array.map(it => {

        let objectValues = Object.values(it);
        for (let i = 0; i < objectValues.length; i++) {
            if (Array.isArray(objectValues[i])) {
                //Keep it as array
            }
        }

        return objectValues;
    }).join('\n');

    console.log(result);

    let hiddenElement = document.createElement('a');
    hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(result);
    hiddenElement.target = '_blank';
    hiddenElement.download = 'records.csv';
    hiddenElement.click();

};

Możliwe wprowadzanie rekordów:

id: "5e8468e2db05ff589ca61b30"
title: "Example Application Number 1"
status: "Preparing Documents"
principalInvestigator: "Mr. Harry Styles"
coInvestigators: ["Niall Horan, Liam Payne, Zayn Malik, Louis Tomilson"]
partners: null
funder: "EPSRC Standard research"
researchGroup: "MedEng"
scheme: "Travel Grant"
requestedAmount: null
estimatedAmount: 1234
submissionDate: "2020-03-23T00:00:00.000+01:00"
startDate: "2020-03-29T00:00:00.000+01:00"
estimatedDuration: null
endDate: null
facility: null
comments: null
dateCreated: "2020-04-01T12:11:46.783+02:00"
lastUpdated: "2020-04-01T12:11:46.783+02:00"
dateDeleted: null
__proto__: Object

Aktualny wynik wyniku:

id,title,status,principalInvestigator,coInvestigators,partners,funder,researchGroup,scheme
5e8468e2db05ff589ca61b30,Example Application Number 1,Preparing Documents,Mr. Harry Styles,Niall Horan, Liam Payne, Zayn Malik, Louis Tomilson

Pożądane wyjście:

id,title,status,principalInvestigator,coInvestigators,partners,funder,researchGroup,scheme
5e8468e2db05ff589ca61b30,Example Application Number 1,Preparing Documents,Mr. Harry Styles,[Niall Horan, Liam Payne, Zayn Malik, Louis Tomilson],Apple,Microsoft,XresearchGroup,YScheme

Łatwiej będzie to zrozumieć w formacie Excel. Obecnie po wyeksportowaniu wygląda to tak: https://imgur.com/2I8h9kl

A pożądany wygląd to: https://imgur.com/bFUKQY2

Tak więc prawie chciałbym zachować wartości tablicowe w tej samej kolumnie, zamiast rozdzielać je na różne, co spowoduje również przesunięcie wszystkich innych kolumn w CSV.

0
Daniel Benedek 1 kwiecień 2020, 16:43

3 odpowiedzi

Najlepsza odpowiedź

Staraj się zawsze ustawić minimalny powtarzalny przykład ( https://stackoverflow.com/help/minimal-reproducible-example)

Tutaj jest moje:

Najważniejsze jest to:

const headers = Object.keys(records).join(',')
const values = Object.values(records).map(child => {
    if (child instanceof Array){
      //return child.join('; ');
      const str = JSON.stringify(child).replace(/"/g, "'");
      return `"${str}"`;
    }else{
      return child;
    }

}).join(',')

const result = [headers, values].join('\n')

Gdzie bierzemy klucze i wartość i umieszczamy je w tablicy, a następnie umieszczamy w jednej tablicy i łączymy je w nowej linii [headers, values].join('\n')

Wewnątrz mapy możesz to zrobić:

const values = Object.values(records).map(child => {
    if (child instanceof Array){
      const str = JSON.stringify(child).replace(/"/g, "'");
      return `"${str}"`;
    }else{
      return child;
    }

}).join(',')

Co sprawia, że ciąg tablicy pojawia się w programie Excel w następujący sposób:

"['Niall Horan','Liam Payne','Zayn Malik','Louis Tomilson']"

Lub możesz zrobić mapę w ten sposób:

const values = Object.values(records).map(child => {
    if (child instanceof Array){
      return child.join('; ');
    }else{
      return child;
    }

}).join(',')

A wynik w Excelu wygląda następująco (średnik nie jest odczytywany jako separator kolumn, chyba że używasz tego ustawienia regionalnego - tj. Niemieckiego ustawienia regionalnego):

"Niall Horan; Liam Payne; Zayn Malik; Louis Tomilson"
const recordObj = {
  id: "5e8468e2db05ff589ca61b30",
  title: "Example Application Number 1",
  status: "Preparing Documents",
  principalInvestigator: "Mr. Harry Styles",
  coInvestigators: ["Niall Horan", "Liam Payne", "Zayn Malik", "Louis Tomilson"],
  partners: null,
  funder: "EPSRC Standard research",
  researchGroup: "MedEng",
  scheme: "Travel Grant",
  requestedAmount: null,
  estimatedAmount: 1234,
  submissionDate: "2020-03-23T00:00:00.000+01:00",
  startDate: "2020-03-29T00:00:00.000+01:00",
  estimatedDuration: null,
  endDate: null,
  facility: null,
  comments: null,
  dateCreated: "2020-04-01T12:11:46.783+02:00",
  lastUpdated: "2020-04-01T12:11:46.783+02:00",
  dateDeleted: null
}

downloadCsv(recordObj)

function downloadCsv(records) {

    //console.log(records);
    const headers = Object.keys(records).join(',')
    const values = Object.values(records).map(child => {
        if (child instanceof Array){
          //return child.join('; ');
          const str = JSON.stringify(child).replace(/"/g, "'");
          return `"${str}"`;
        }else{
          return child;
        }
        
    }).join(',')
    
    const result = [headers, values].join('\n')
    //console.log(headers);
    //console.log(values);
    console.log(result);

    let hiddenElement = document.createElement('a');
    hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(result);
    hiddenElement.target = '_blank';
    hiddenElement.download = 'records.csv';
    hiddenElement.click();

}
.as-console-wrapper { max-height: 100% !important; top: 0; }
1
Alex L 1 kwiecień 2020, 14:31

Osobiście zasugerowałbym nieco zmienić Twoje rozwiązanie. Nie musisz łączyć kluczy i wartości, to niepotrzebnie komplikuje .map(). Oto, co bym zrobił:

var keys = Object.keys(records);
// we take the array of values, but we transform any array
// in a string of values separated by +
var values = Object.values(records).map(record => {
    if (Array.isArray(record))
        return record.join("+");
    return record;
});

// Now we can just put everything together
var result = keys.join(",") + "\n" + values.join(",");

console.log(result);
0
Aioros 1 kwiecień 2020, 14:28

Spróbuj przekonwertować tablicę na łańcuch, a następnie zamień przecinki na inny separator, na przykład średnik - w ten sposób interpreter csv nie podzieli wartości w tablicy i policzy to jako pojedynczy element

let records = {id: "5e8468e2db05ff589ca61b30",
title: "Example Application Number 1",
status: "Preparing Documents",
principalInvestigator: "Mr. Harry Styles",
coInvestigators: ["Niall Horan, Liam Payne, Zayn Malik, Louis Tomilson"]}


    const array = [Object.keys(records)].concat(records);

   let result = array.map(it => {

        let objectValues = Object.values(it);
        for (let i = 0; i < objectValues.length; i++) {
            if (Array.isArray(objectValues[i])) {
               objectValues[i]= objectValues[i]=(`[${objectValues[i].join(';')}]`).replace(/,/g, ';')
            }
        }

        return objectValues;
    }).join('\n');

    console.log(result);
1
elvira.genkel 1 kwiecień 2020, 14:05