JavaScript에서 CSV 파일 구문 분석
![JavaScript에서 CSV 파일 구문 분석](/img/JavaScript/feature-image---parse-csv-in-javascript.webp)
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);
}
});
이 라이브러리는 사용 가능한 대부분의 브라우저와 호환됩니다.