JavaScript에서 CSV 파일 구문 분석

Kushank Singh 2023년10월12일
  1. jquery-csv 플러그인을 사용하여 JavaScript에서 CSV 구문 분석
  2. Papa.parse 라이브러리를 사용하여 JavaScript에서 CSV 구문 분석
JavaScript에서 CSV 파일 구문 분석

CSV는 쉼표로 구분된 여러 값을 포함하는 파일입니다. 표 형식으로 저장할 수 있으며 일반적으로 Excel과 호환됩니다. 따라서 프로그래밍 언어로 CSV 데이터를 구문 분석할 필요가 있습니다.

CSV 파일은 기본적으로 값이 쉼표로 구분된 텍스트 파일이므로 FileReader 클래스를 사용하여 CSV 파일을 문자열로 읽고 그에 따라 형식을 지정할 수 있습니다.

이 자습서에서는 JavaScript를 사용하여 CSV를 구문 분석하는 방법을 배웁니다.

jquery-csv 플러그인을 사용하여 JavaScript에서 CSV 구문 분석

CSV 파일을 직접 구문 분석하려면 jquery-csv 플러그인을 사용할 수 있습니다.

이것은 jQuery 구문을 사용하여 완벽하게 구성, 테스트 및 최적화된 CSV 파서입니다. csv.toArrays() 함수를 사용하여 데이터를 배열에 로드할 수 있습니다.

아래 코드를 참조하십시오.

array = $.csv.toArrays(csv, {
  delimiter: '\'',
  separator: ';',  // Sets a custom field separator character
});

delimiter는 사용자 지정 구분 기호 문자 값을 설정하는 데 사용할 수 있고 separator는 사용자 지정 필드 구분 문자를 설정하는 데 사용할 수 있습니다. 이것은 jquery-csv가 완전히 사용자 정의 가능함을 보여줍니다. 플러그인을 사용하기 전에 그에 따라 플러그인을 가져와야 합니다.

또는 이 플러그인에서 제공하는 csv.toObjects() 함수를 사용하여 CSV 파일을 개체로 구문 분석할 수도 있습니다.

Papa.parse 라이브러리를 사용하여 JavaScript에서 CSV 구문 분석

Papa.parse 라이브러리는 CSV 데이터를 효율적으로 구문 분석하기 위해 최근 인기를 얻고 있습니다. 빠르고 사용하기 쉽습니다. 이것을 CSV 문자열과 함께 사용하거나 CSV 파일과 함께 직접 사용할 수 있습니다.

예를 들어,

Papa.parse(file, {
  complete: function(csvdata) {
    console.log(csvdata);
  }
});

이 라이브러리는 사용 가능한 대부분의 브라우저와 호환됩니다.

관련 문장 - JavaScript CSV