ตรวจจับชนิดข้อมูล · NDJSON · ทำงานในเครื่อง

CSV เป็น JSON — พร้อมชนิดข้อมูลที่ถูกต้อง ไม่ใช่แค่สตริง

ตรวจจับตัวเลข บูลีน และ null ในค่า CSV โดยอัตโนมัติ ส่งออกเป็น JSON array หรือ NDJSON แบบจัดรูปแบบหรือกระชับ ตัวอย่างสด คัดลอกใน 1 คลิก ไม่มีการติดตาม สร้างมาเพื่อนักพัฒนาที่ดึงข้อมูล mock, seed หรือเนื้อหาเว็บสแตติกจากสเปรดชีต

.json
รูปแบบเริ่มต้น
NDJSON
โหมดสตรีม
0 B
อัปโหลด

ตัวแปลง CSV เป็น JSON

วางไฟล์ ปรับตัวเลือก คัดลอกหรือบันทึก JSON

{ }

วาง CSV ที่นี่

หรือคลิกเพื่อเลือก — .csv, .tsv, .txt

ตัวอย่าง JSON

    
ดูเครื่องมือ CSV ทั้งหมด →

ทำไมต้องใช้ตัวแปลง CSV เป็น JSON ตัวนี้?

ปรับให้เข้ากับงานนักพัฒนา ด้วยตัวเลือกที่เครื่องมืออื่นมองข้าม

🔢

ตรวจจับชนิดข้อมูลให้ JS ใช้งานง่าย

"42" → 42, "true" → true, "null" → null, "3.14" → 3.14, "" → null. obj.age > 18 หรือ filter(u => u.active) ใช้ได้ทันทีโดยไม่ต้องเขียน cast ปิด/เปิดได้เมื่อคุณต้องการสตริงเข้มงวด

📡

NDJSON สำหรับไปป์ไลน์สตรีมมิ่ง

หนึ่งอ็อบเจ็กต์ต่อบรรทัด ไม่มี array ครอบ Loki, ELK, BigQuery, ClickHouse และไปป์ไลน์แบบบรรทัดทุกตัวรองรับ NDJSON ในตัว — และสามารถสตรีมทีละบรรทัดโดยไม่ต้องเก็บทั้งชุดในหน่วยความจำ

👁️

ตัวอย่างสดในเบราว์เซอร์

แทนที่จะดาวน์โหลดแบบมืดบอด คุณจะเห็น ~6 KB แรกจัดรูปแบบบนหน้า ตรวจจับค่าที่แยกวิเคราะห์ผิดหรือหัวที่ผิดก่อนคอมมิตลง repo

📋

คัดลอกไปยังคลิปบอร์ดใน 1 คลิก

สำหรับชุดข้อมูลขนาดเล็ก การดาวน์โหลดเกินจำเป็น คลิก "คัดลอก" หนึ่งครั้ง — JSON อยู่ในคลิปบอร์ด พร้อมใช้ใน VS Code, Postman body หรือ state ของ Storybook

🔧

ตัวคั่นตามใจคุณ

ตรวจจับอัตโนมัติเป็นค่าเริ่มต้น แทนที่ด้วยตนเองสำหรับกรณีพิเศษ — TSV ที่มีนามสกุล .csv, CSV แบบไปป์จาก DB dump, CSV แบบอัฒภาคจาก Excel ยุโรป

🔒

พร้อมใช้ในโค้ด ไม่เสี่ยงข้อมูลรั่ว

แม้ CSV "ทดสอบ" ก็มักมีข้อมูลจริง (ตารางผู้ใช้ คำสั่งซื้อ) ไฟล์อยู่ในเบราว์เซอร์ของคุณ — เหมาะกับ seed data ที่ละเอียดอ่อนในการตั้งค่า repo ที่การส่งข้อมูลไปเซิร์ฟเวอร์เป็นเรื่องที่ยอมรับไม่ได้

วิธีแปลง CSV เป็น JSON

สามขั้นตอน รวมตัวอย่าง

1

วาง CSV

ลากและวางหรือใช้กล่องเลือกไฟล์ แถวแรก = คีย์ JSON

2

เลือกรูปแบบ

จัดรูปแบบ/กระชับ/NDJSON, ตรวจจับชนิดเปิดหรือปิด, ตัวคั่นหากอัตโนมัติพลาด

3

คัดลอกหรือบันทึก

คัดลอก 1 คลิกเพื่อทำซ้ำเร็ว ดาวน์โหลดไฟล์สำหรับคอมมิตลง repo

กรณีใช้งานจริง

CSV เป็น JSON ปรากฏที่ไหนบ้างในโปรเจกต์พัฒนาจริง

🎭

API mock และ Storybook fixture

ดีไซเนอร์ส่งรายชื่อผู้ใช้ทดสอบใน Excel มา คุณต้องการ JSON สำหรับ MSW หรือ JSON-Server mock ส่งออก CSV แล้วรันที่นี่ เปิดตรวจจับชนิดสำหรับ ID และบูลีน — พร้อมต่อเข้า mock ได้เลย

🌱

สคริปต์ seed ฐานข้อมูล

Prisma seed, Sequelize fixture, TypeORM data source — ทั้งหมดต้องการ array JS/JSON ข้อมูลหลัก (หมวดหมู่ ประเทศ บทบาทเริ่มต้น) มักอยู่ใน Excel/CSV วาง JSON ที่ได้ลง seed.ts ตรงๆ

🌐

SSG (Astro, Eleventy, Next.js)

SSG ชอบรับเนื้อหาจาก JSON หรือ NDJSON รายการสินค้า ประวัติทีม รายการ FAQ — ดูแลเป็นสเปรดชีต (ให้คนที่ไม่ใช่ dev แก้ได้) แล้วส่งเป็น JSON ลง content/

📊

state ของฟรอนต์เอนด์จากข้อมูล Excel

แดชบอร์ด หน้า analytics หรือเครื่องมือภายในมักต้องการฐานข้อมูลกึ่งสแตติก แทนที่จะสร้าง route แบ็กเอนด์เพื่ออ่าน Excel ให้คอมไพล์ JSON ลง bundle เลย — first paint เร็วขึ้น โครงสร้างพื้นฐานน้อยลง

🧮

วิทยาศาสตร์ข้อมูล: pandas, jq, ไปป์ไลน์

สำหรับ pd.read_json(), Jupyter notebook และไปป์ไลน์ CLI กับ jq JSON มักเป็นอินพุตที่สะดวกกว่า CSV แปลงเร็วๆ แล้วเดินต่อด้วยเครื่องมือคุ้นเคย

🤖

การพรอมต์และ fine-tune LLM

OpenAI, Anthropic และ Hugging Face API มักต้องการ NDJSON สำหรับ batch call และชุดข้อมูล fine-tune (เช่น {"prompt": "...", "completion": "..."}) แปลง CSV ฝึกเป็น NDJSON ที่นี่ — ปลอดภัย เพราะไม่มีข้อมูลออกจากเบราว์เซอร์

คำถามที่พบบ่อย

CSV เก็บทุกอย่างเป็นข้อความ เมื่อแปลงเป็น JSON มักมีประโยชน์ที่จะเขียน "42" เป็นตัวเลข, "true" เป็นบูลีน และ "null" เป็น JSON null แทนที่จะเป็นสตริง การตรวจจับชนิดข้อมูลจะตรวจหาสิ่งนี้โดยอัตโนมัติ คุณยังปิดมันได้เพื่อให้ทุกค่ายังคงเป็นสตริง

JSON array: ทุกระเบียนอยู่ใน array ใหญ่เดียว — [{...},{...},{...}] เหมาะกับ state ของฟรอนต์เอนด์ ข้อมูลเว็บสแตติก API ขนาดเล็ก NDJSON (JSON คั่นด้วยขึ้นบรรทัดใหม่): หนึ่งอ็อบเจ็กต์ต่อบรรทัด ไม่มี array ครอบ เหมาะกับสตรีมมิ่ง ไปป์ไลน์ log (Loki, ELK, BigQuery) และประมวลผลชุดข้อมูลขนาดมหึมาโดยไม่ต้องโหลดทุกอย่างเข้าหน่วยความจำ

แถวแรกของ CSV ถูกตีความเป็นหัวคีย์ name,age,city จะกลายเป็น {name:..., age:..., city:...} ต่อระเบียน ช่องว่างในชื่อหัวจะถูกเก็บไว้ — คีย์ JSON เป็นสตริงใดก็ได้ แต่สำหรับการเข้าถึงคุณสมบัติใน JavaScript หัวที่ไม่มีช่องว่าง (หรือ snake_case) จะสะดวกกว่า

ใช่ สอดคล้องกับ RFC 4180: เซลล์ที่มีตัวคั่น เครื่องหมายคำพูด หรือบรรทัดใหม่ จะถูกถอดเครื่องหมายคำพูดอย่างถูกต้อง เครื่องหมายคำพูดคู่จะถูกย่อให้เหลือตัวเดียว ฟิลด์ที่ซับซ้อนเช่นที่อยู่ที่มีจุลภาคทำงานได้โดยไม่ต้องตั้งค่าพิเศษ

ปัจจุบันรองรับเฉพาะอ็อบเจ็กต์แบบแบน (คู่คีย์-ค่าจากหัว CSV) ถ้าต้องการโครงสร้างซ้อนเช่น {user:{name:...,email:...}} ให้ส่งออกแบบแบนก่อนแล้วแปลงต่อด้วย jq หรือสคริปต์ JS สั้นๆ

สูงสุดประมาณ 100,000 แถวทำงานได้ลื่นในเบราว์เซอร์ สำหรับชุดข้อมูลขนาดใหญ่มาก (500k+ แถว) ควรใช้เครื่องมือ CLI แบบสตรีม (csvkit, miller, jq) — RAM เบราว์เซอร์ไม่ใช่ที่ที่เหมาะสมที่สุด

ใช่ — BOM (3 ไบต์ EF BB BF ที่ต้นไฟล์) จะถูกตัดออกก่อนตีความเซลล์ CSV แรก คุณจะไม่ได้คีย์ที่มองไม่เห็นเช่น "name" ในผลลัพธ์

ไม่ การแยกวิเคราะห์และการสร้าง JSON ทำงานใน JavaScript ในเบราว์เซอร์ของคุณทั้งหมด ไม่มีการส่งกลับไปที่เซิร์ฟเวอร์ หน้านี้ทำงานออฟไลน์ได้เมื่อโหลดแล้ว

แปลง CSV เป็น JSON — สำหรับ API mock, seed และเว็บสแตติก

สแตกสมัยใหม่ของ JavaScript/TypeScript (React, Vue, Svelte, Astro, Next.js, Nuxt) ใช้เวลาไม่น้อยในการแปลงแหล่งข้อมูลใดๆ ให้เป็น JSON ที่ import ได้ แต่ข้อมูลต้นทางมักมาจากสเปรดชีตที่ดูแลโดยทีมผลิตภัณฑ์ ฝ่ายขาย หรือเนื้อหา ตัวแปลงของเราเชื่อมช่องว่างนี้ในเบราว์เซอร์โดยตรง: ส่งออก CSV จาก Excel เข้ามา ได้ JSON ออกไป — พร้อมตัวเลือกที่ฮับ CSV พื้นฐานไม่มี (ตรวจจับชนิด, NDJSON, จัดรูปแบบ, คัดลอก 1 คลิก)

การตรวจจับชนิดข้อมูล — ทำไมจึงสำคัญในเวิร์กโฟลว์ JSON

ความน่ารำคาญที่สุดของการแปลง CSV เป็น JSON แบบง่ายๆ: ทุกอย่างเป็นสตริง "42" กลายเป็น "42" (string) ไม่ใช่ 42 (number) ตัวกรอง การรวมยอด และการเปรียบเทียบในฟรอนต์เอนด์ใช้ไม่ได้หากไม่ cast อย่างชัดเจน: parseInt(obj.age), obj.active === 'true' ด้วยการตรวจจับชนิดของเรา สิ่งนี้ถูกจัดการตั้งแต่ต้น — ไฟล์ JSON มีชนิดข้อมูลพื้นเมือง: 42 เป็นตัวเลข, true/false เป็นบูลีน, null เป็น null สามารถปิดได้เมื่อตั้งใจอยากได้สตริง (เช่นสำหรับ Postgres COPY เข้าคอลัมน์ TEXT ล้วน)

NDJSON — รูปแบบสตรีมสำหรับข้อมูลสมัยใหม่

JSON array มีข้อเสีย: ต้องแยกวิเคราะห์ทั้งหมดก่อนจะเข้าถึงสมาชิกแรกได้ ด้วยข้อมูล 100,000 ระเบียน หน่วยความจำเป็นข้อกังวลจริงจัง NDJSON (Newline-Delimited JSON) แก้ปัญหานี้: หนึ่งอ็อบเจ็กต์ต่อบรรทัด ไม่มีวงเล็บปีกกาครอบ ไม่มีจุลภาคระหว่างอ็อบเจ็กต์ เครื่องมือเช่น jq -c, import BigQuery, ClickHouse, Loki และ ELK stack รองรับ NDJSON ในตัว เป็นมาตรฐานสำหรับ fine-tune ของ OpenAI และ batch API ของ Anthropic ด้วย

ตรวจจับตัวคั่นอัตโนมัติพร้อมแทนที่ด้วยตนเอง

ในกรณีส่วนใหญ่ เครื่องมือจะตรวจจับตัวคั่น CSV จากโครงสร้างของแถวแรกๆ (จุลภาค vs. อัฒภาค vs. แท็บ vs. ไปป์) สำหรับกรณีพิเศษ — CSV คอลัมน์เดียวหรือตัวคั่นแปลกๆ — ตั้งค่าด้วยตนเอง สะดวกอย่างยิ่งเมื่อผสมไฟล์จาก Excel ยุโรป (อัฒภาค) กับเครื่องมือสหรัฐฯ (จุลภาค)

ตัวอย่างสดและคัดลอก 1 คลิกเพื่อทำซ้ำเร็ว

แทนวงจรคลาสสิก "ดาวน์โหลด เปิดในเอดิเตอร์ คัดลอก วาง ตรวจ ลองใหม่" คุณจะเห็น ~6 KB แรกของ JSON จัดรูปแบบบนหน้า เห็นอะไรผิดปกติ (typo ในหัว ตัวคั่นผิด ค่าไม่ถูกแยกเป็นตัวเลข)? เสียวินาทีเดียว ไม่ใช่นาทีเดียว ปุ่มคัดลอกจะใส่ JSON ทั้งหมดลงคลิปบอร์ดของคุณ — เหมาะกับ Storybook story, MSW handler หรือทดสอบเร็วๆ

ความเป็นส่วนตัวตามการออกแบบ — สำคัญโดยเฉพาะข้อมูลทดสอบ

"ข้อมูลทดสอบ" มักเป็นข้อมูลจริงที่ทำให้ไม่ระบุตัวตน — หรือแย่กว่านั้น คือข้อมูลจริงที่ไม่ได้ทำให้ไม่ระบุตัวตนที่บังเอิญมาลงในชุดทดสอบ เว็บ CSV-เป็น-JSON ในคลาวด์ต่างประเทศมีความเสี่ยงที่นี่ (ความสัมพันธ์ผู้ประมวลผลข้อมูลที่อาจเกิดขึ้น การเก็บข้อมูลที่ไม่โปร่งใส) BrowserCrunch ประมวลผลทุกอย่างในเครื่อง — ไฟล์ไม่เคยออกจากเบราว์เซอร์ของคุณ โบนัส: ทำงานออฟไลน์ได้เมื่อหน้าโหลดเสร็จแล้ว

เครื่องมือ CSV ที่เกี่ยวข้องบน BrowserCrunch

ทิศทางตรงข้าม? ตัวแปลง JSON เป็น CSV ของเราพร้อมการ flatten สำหรับรายงาน API สำหรับงานสำนักงาน: CSV เป็น Excel และ Excel เป็น CSV ชีวสารสนเทศ: TSV เป็น CSV