클라이언트 측에서 JavaScript 배열 데이터를 CSV 파일로 내보내려면 어떻게 해야 합니까?

JavaScript 배열 데이터를 CSV로 내보내기(클라이언트 측)

JavaScript 배열에서 CSV 형식으로 데이터를 내보내는 것은 다양한 시나리오에서 유용한 작업이 될 수 있습니다. 클라이언트 측에서 이 작업을 수행하는 포괄적인 방법은 다음과 같습니다.

데이터를 CSV 형식으로 구문 분석

먼저 배열 배열을 올바른 CSV 형식으로 변환합니다. 여기에는 각 데이터 행을 쉼표로 결합하고 새 줄을 사용하여 행을 구분하는 작업이 포함됩니다. 예를 들어:

const rows = [
  ["name1", "city1", "some other info"],
  ["name2", "city2", "more info"]
];

let csvContent = "data:text/csv;charset=utf-8,";

rows.forEach(function (rowArray) {
  let row = rowArray.join(",");
  csvContent += row + "\r\n";
});

또는 화살표 기능 사용:

let csvContent = "data:text/csv;charset=utf-8," 
    + rows.map(e => e.join(",")).join("\n");

CSV 파일 다운로드

다음으로 JavaScript의 window.open을 사용하고 파일을 트리거하는 encodeURI 함수 다운로드:

var encodedUri = encodeURI(csvContent);
window.open(encodedUri);

사용자 정의 파일 이름(선택 사항)

사용자 정의 파일 이름을 지정하려면 다음 방법을 사용하세요.

var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "my_data.csv");
document.body.appendChild(link); // Required for FF

link.click(); // This will download the data file named "my_data.csv".

위 내용은 클라이언트 측에서 JavaScript 배열 데이터를 CSV 파일로 내보내려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!