> 웹 프론트엔드 > JS 튜토리얼 > CSV 데이터를 JavaScript 개체 배열로 변환하는 방법은 무엇입니까?

CSV 데이터를 JavaScript 개체 배열로 변환하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-12-14 22:48:11
원래의
940명이 탐색했습니다.

How to Convert CSV Data to a JavaScript Array of Objects?

JavaScript에서 CSV 데이터를 읽고 배열로 변환하는 방법

문제:

여러 열이 포함된 CSV 데이터가 있습니다. JavaScript를 사용하여 이 데이터를 읽고 각 객체가 키-값 쌍이 있는 행을 나타내는 배열로 변환하려면 어떻게 해야 합니까?

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', heading3: 'value3_1', heading4: 'value4_1', heading5: 'value5_1' },
    { heading1: 'value1_2', heading2: 'value2_2', heading3: 'value3_2', heading4: 'value4_2', heading5: 'value5_2' },
    ...
]
로그인 후 복사

해결책:

jQuery-CSV 라이브러리를 사용하면 CSV 데이터를 객체 배열로 쉽게 변환할 수 있습니다.

1단계: 줄 추가 나누기

CSV 데이터에 줄바꿈이 있어야 유효한지 확인하세요.

2단계: $.csv.toObjects() 사용 함수

var data = $.csv.toObjects(csv);
로그인 후 복사

출력:

데이터 변수에는 CSV 데이터의 행을 나타내는 개체 배열이 포함됩니다. 제목과 해당 값.

참고: 더 많은 유연성과 호환성을 위해 귀하가 제공한 코드 샘플보다 jQuery-CSV 라이브러리를 사용하는 것이 좋습니다.

위 내용은 CSV 데이터를 JavaScript 개체 배열로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿