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

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

Mary-Kate Olsen
풀어 주다: 2024-12-07 09:04:11
원래의
678명이 탐색했습니다.

How to Convert CSV Data to an Array of JavaScript 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 },
    ...
]
로그인 후 복사

해결책:

활용하세요 CSV 데이터를 객체 배열에 자동으로 매핑하는 $.csv.toObjects(csv)라는 함수를 제공하는 jQuery-CSV 라이브러리.

단계:

  1. CSV 데이터 준비: 데이터가 유효한 CSV 형식인지 확인하세요. break.
  2. jQuery-CSV 라이브러리 포함: HTML 또는 JavaScript 파일로 변환합니다.
  3. CSV 데이터 구문 분석: $.csv.toObjects(csv) 함수를 사용하여 CSV 데이터를 배열로 변환합니다. 개체.

코드:

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

출력:

데이터 변수에는 다음의 배열이 포함됩니다. 제목을 키로, 값을 해당 항목으로 갖는 객체 값.

참고:

출력 배열의 원래 키-값 매핑은 기술적으로 유효하지 않은 JavaScript입니다. 위의 코드 예시와 같이 괄호로 묶어야 합니다.

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

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