JavaScript를 사용하여 CSV 파일에서 데이터를 읽는 방법은 무엇입니까?

JavaScript를 사용하여 *.CSV 파일에서 데이터를 읽는 방법은 무엇입니까?

CSV(쉼표로 구분된 값) 파일은 표 형식 데이터를 저장하는 데 사용되는 일반적인 형식입니다. JavaScript를 사용하여 CSV 파일에서 데이터를 읽으려면 외부 라이브러리를 사용하거나 자체 구문 분석 기능을 구현할 수 있습니다.

jQuery-CSV 라이브러리 사용

jQuery-CSV는 JavaScript에서 CSV 데이터를 구문 분석하는 데 널리 사용되는 라이브러리입니다. CSV 데이터를 객체 배열에 자동으로 매핑하는 편리한 메소드 $.csv.toObjects(csv)를 제공합니다.

// Assuming you've included jQuery-CSV in your HTML
var data = $.csv.toObjects(csv);

// Output
[
  { heading1: "value1_1", heading2: "value2_1", ... },
  { heading1: "value1_2", heading2: "value2_2", ... },
  ...
];

사용자 정의 구문 분석 기능

외부 라이브러리를 사용하지 않으려면 고유한 구문 분석 기능을 만들 수 있습니다. 다음은 간단한 예입니다.

function parseCSV(csv) {
  // Split the CSV into lines
  var lines = csv.split("\n");

  // Extract the header line
  var headers = lines[0].split(",");

  // Remove the header line from the CSV
  lines.shift();

  // Loop through the remaining lines and create objects
  var data = [];
  for (var i = 0; i < lines.length; i++) {
    // Split the line into values
    var values = lines[i].split(",");

    // Create an object using the headers as keys
    data.push(
      Object.fromEntries(
        headers.map((h, idx) => [h, values[idx]])
      )
    );
  }

  // Return the parsed data
  return data;
}

CSV 데이터 예

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

출력

[
  { heading1: "value1_1", heading2: "value2_1", ... },
  { heading1: "value1_2", heading2: "value2_2", ... },
  ...
];

참고: 예시 CSV 데이터에는 줄 바꿈이 없습니다. 파싱하기 전에 데이터를 유효한 CSV로 만들기 위해 줄 바꿈을 추가하는 것이 좋습니다.

위 내용은 JavaScript를 사용하여 CSV 파일에서 데이터를 읽는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!