{"id":6245,"date":"2024-08-09T11:54:27","date_gmt":"2024-08-09T02:54:27","guid":{"rendered":"https:\/\/taitan916.info\/blog\/?p=6245"},"modified":"2024-05-22T14:02:06","modified_gmt":"2024-05-22T05:02:06","slug":"post-6245","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/6245","title":{"rendered":"jQuery\u3067\u540c\u30b5\u30fc\u30d0\u5185\u306eCSV\u3092\u8aad\u307f\u8fbc\u307f\u3001\u914d\u5217\u3084\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u3057\u3066\u53d6\u308a\u6271\u3046\u65b9\u6cd5"},"content":{"rendered":"

\u5148\u65e5\u30d0\u30cb\u30e9JavaScript\u3067\u540c\u30b5\u30fc\u30d0\u5185\u306eCSV\u3092\u8aad\u307f\u8fbc\u307f\u3001\u914d\u5217\u3068\u3057\u3066\u53d6\u308a\u6271\u3046\u65b9\u6cd5<\/a>\u3092\u30e1\u30e2\u3057\u305f\u304c\u3001jQuery\u3060\u3068\u300cjquery-csv\u300d\u3068\u3044\u3046\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5c0e\u5165\u3059\u308b\u3053\u3068\u3067\u66f4\u306b\u7c21\u5358\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u6a21\u69d8\u3002\u307e\u305f\u914d\u5217\u3060\u3051\u3067\u306f\u306a\u304f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3078\u306e\u5909\u63db\u3082\u53ef\u80fd\u3060\u3063\u305f\u3002\u4ee5\u4e0b\u306b\u5bfe\u5fdc\u65b9\u6cd5\u3092\u30e1\u30e2\u3002<\/p>\n

 <\/p>\n

jquery-csv<\/h2>\n

GitHub<\/h3>\n

https:\/\/github.com\/evanplaice\/jquery-csv<\/a><\/p>\n

CDN<\/h3>\n

CDN\u3067\u4f7f\u3046\u5834\u5408\u306f\u4ee5\u4e0b\u3092\u8a18\u8ff0\u3059\u308b\u3002<\/p>\n

<script type=\"text\/javascript\" src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery-csv@1.0.21\/src\/jquery.csv.min.js\"><\/script><\/pre>\n
 <\/p>\n
CSV\u306e\u5185\u5bb9<\/span><\/h2>\n
\u4ee5\u4e0b\u5185\u5bb9\u306eCSV\u3092\u7528\u610f\u3057\u305f\u3002<\/p>\n\n\n\n\n\n\n
id<\/span><\/td>\nname<\/span><\/td>\nage<\/span><\/td>\n<\/tr>\n
1<\/span><\/td>\n\u9234\u6728<\/span><\/td>\n20<\/span><\/td>\n<\/tr>\n
3<\/span><\/td>\n\u4f50\u85e4<\/span><\/td>\n30<\/span><\/td>\n<\/tr>\n
5<\/span><\/td>\n\u5c71\u7530<\/span><\/td>\n40<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
 <\/p>\n
\u5bfe\u5fdc\u65b9\u6cd5<\/span><\/h2>\n
\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/span><\/h3>\n
$(function(){\r\n    $.ajax({\r\n        url: 'test.csv',\r\n    }).done(function(data, textStatus, jqXHR){\r\n        const csv_array = $.csv.toArrays(data);\r\n        const csv_obj = $.csv.toObjects(data);\r\n        console.log(csv_array);\r\n        console.log(csv_obj);\r\n    }).fail(function(jqXHR, textStatus, errorThrown){\r\n        \/\/\u30a8\u30e9\u30fc\u51e6\u7406\r\n    });\r\n});<\/pre>\n
\u5b9f\u884c\u7d50\u679c<\/span><\/h3>\n
\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3068\u4ee5\u4e0b\u7d50\u679c\u304c\u8fd4\u3063\u3066\u304f\u308b\u7b48\u3002<\/p>\n
Array(4) [ (3) [\u2026], (3) [\u2026], (3) [\u2026], (3) [\u2026] ]\r\n0: Array(3) [ \"id\", \"name\", \"age\" ]\r\n\u200b1: Array(3) [ \"1\", \"\u9234\u6728\", \"20\" ]\r\n2: Array(3) [ \"3\", \"\u4f50\u85e4\", \"30\" ]\r\n3: Array(3) [ \"5\", \"\u5c71\u7530\", \"40\" ]\r\n\r\nArray(3) [ {\u2026}, {\u2026}, {\u2026} ]\r\n\u200b0: Object { id: \"1\", name: \"\u9234\u6728\", age: \"20\" }\r\n1: Object { id: \"3\", name: \"\u4f50\u85e4\", age: \"30\" }\r\n2: Object { id: \"5\", name: \"\u5c71\u7530\", age: \"40\" }<\/pre>\n
 <\/p>\n
\u6240\u611f<\/h2>\n
jQuery\u3092\u4f7f\u3063\u3066\u3044\u3044\u6848\u4ef6\u306e\u5834\u5408\u306f\u3053\u3061\u3089\u306e\u65b9\u304c\u697d\u3067\u826f\u3055\u305d\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5148\u65e5\u30d0\u30cb\u30e9JavaScript\u3067\u540c\u30b5\u30fc\u30d0\u5185\u306eCSV\u3092\u8aad\u307f\u8fbc\u307f\u3001\u914d\u5217\u3068\u3057\u3066\u53d6\u308a\u6271\u3046 ... <\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-6245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-javascript"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/comments?post=6245"}],"version-history":[{"count":2,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6245\/revisions"}],"predecessor-version":[{"id":6247,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6245\/revisions\/6247"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media\/1071"}],"wp:attachment":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media?parent=6245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/categories?post=6245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/tags?post=6245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}