Extensible Markup Language (XML) ถือเป็นทางเลือกเดียวสำหรับการแลกเปลี่ยนข้อมูลแบบเปิด อย่างไรก็ตามการพัฒนาในการแบ่งปันข้อมูลแบบเปิดทำให้เกิดตัวเลือกมากขึ้นสำหรับ . ดังนั้นเรามาดูข้อมูลเชิงลึกของ JSON คืออะไรและแตกต่างจาก JavaScript อย่างไรตามลำดับต่อไปนี้:
- JSON คืออะไร?
- ทำไมเราถึงใช้ JSON
- JSON เทียบกับ XML
- กฎไวยากรณ์
- พื้นฐาน JSON
- แปลง JSON Object เป็น JS Text
JSON คืออะไร?
สัญกรณ์วัตถุ JavaScript ( JSON ) เป็นวิธีการจัดเก็บข้อมูลอย่างเป็นระเบียบและง่ายดาย ข้อมูลต้องอยู่ในรูปแบบของข้อความเมื่อแลกเปลี่ยนระหว่างเบราว์เซอร์และเซิร์ฟเวอร์ คุณสามารถแปลงไฟล์ วัตถุ JavaScript เป็น JSON และส่ง JSON ไปยังเซิร์ฟเวอร์
คุณยังสามารถแปลง JSON ที่ได้รับจากเซิร์ฟเวอร์เป็นไฟล์ วัตถุ ช่วยในการทำงานกับข้อมูลเป็นวัตถุ JavaScript โดยไม่มีการแยกวิเคราะห์และการแปลที่ซับซ้อน
ตอนนี้คุณรู้แล้วว่า JSON คืออะไรมาดูกันว่าเหตุใดเราจึงต้องใช้มันและข้อดีที่แตกต่างกันของการใช้ JSON คืออะไร
ทำไมเราถึงใช้ JSON
JSON คือ น้ำหนักเบา และ ง่ายต่อการใช้ เมื่อเปรียบเทียบกับตัวเลือกการแลกเปลี่ยนข้อมูลแบบเปิดอื่น ๆ อย่างไรก็ตามนั่นไม่ใช่เหตุผลเดียวที่คุณควรใช้สำหรับการผสานรวม API ของคุณ เป็นที่ต้องการมากกว่าตัวเลือกอื่น ๆ เนื่องจากข้อดีดังต่อไปนี้:
Verbose น้อยลง - มันมีมากขึ้น สไตล์กะทัดรัด เมื่อเทียบกับ XML ทำให้อ่านง่ายขึ้น น้ำหนักเบา แนวทางของ JSON สามารถปรับปรุงอย่างมีนัยสำคัญในขณะที่ทำงานกับระบบที่ซับซ้อน
เร็วขึ้น - กระบวนการแยกวิเคราะห์ซอฟต์แวร์ XML ช้ากว่า JSON เนื่องจากไลบรารีการจัดการ DOM ต้องการหน่วยความจำมากขึ้นเพื่อจัดการไฟล์ XML ขนาดใหญ่ JSON ในทางกลับกันใช้ ข้อมูลน้อยลง ซึ่งช่วยลดต้นทุนและเพิ่ม ความเร็วในการแยกวิเคราะห์ .
อ่านได้ - โครงสร้างของ JSON คือ ตรงไปตรงมา และ อ่านได้ง่าย . คุณสามารถจับคู่เวลากับวัตถุโดเมนได้ง่ายขึ้นโดยไม่คำนึงถึงภาษาโปรแกรมที่คุณใช้งาน
การแปลง double เป็น int java
ข้อมูลที่มีโครงสร้าง - JSON ใช้ไฟล์ โครงสร้างข้อมูลแผนที่ ในขณะที่ XML มีโครงสร้างแบบต้นไม้ คู่คีย์หรือค่าสามารถ จำกัด งานของคุณได้ แต่คุณจะได้รับโมเดลข้อมูลที่คาดเดาได้และเข้าใจง่าย
JSON เทียบกับ XML
ทั้งสอง XML และ JSON ใช้กันอย่างแพร่หลายในปัจจุบัน พวกเขาคือ ใช้เป็น รูปแบบการแลกเปลี่ยนข้อมูลและทั้งสองได้ถูกนำมาใช้โดยแอปพลิเคชันเพื่อจัดเก็บข้อมูลที่มีโครงสร้าง มาดูความแตกต่างระหว่างทั้งสองกัน:
| JSON | XML |
JSON เป็นเรื่องง่ายในการอ่านและเขียน นอกจากนี้ยังรองรับ อาร์เรย์ . ไฟล์ JSON มีมากขึ้น มนุษย์อ่านได้ กว่า XML ออกจากโปรแกรมใน java รองรับเฉพาะ ข้อความ และ จำนวน ประเภทข้อมูล | XML นั้นง่ายน้อยกว่าเมื่อเทียบกับ JSON ไม่รองรับอาร์เรย์ ไฟล์ XML คือ มนุษย์อ่านได้น้อยลง . รองรับข้อมูลหลายประเภทเช่น ข้อความจำนวนรูปภาพแผนภูมิกราฟ ฯลฯ |
ตัวอย่าง JSON -
{'พนักงาน': [{'name': 'Lisa', 'email': 'lisa101@xyz.com'}, {'name': 'Neil', 'email': 'neilps@xyz.com'}, {'name': 'Jai', 'email': 'jai87@xyz.com'}]}ตัวอย่าง XML -
ลิซ่า lisa101@xyz.com นีล neilps@xyz.com ใจ jai87@xyz.com
กฎไวยากรณ์
JSON ไวยากรณ์คือ ชุดย่อย ของ JavaScript ไวยากรณ์ ไวยากรณ์ได้มาจากไวยากรณ์สัญกรณ์ JavaScript และประกอบด้วยกฎต่อไปนี้:
- ข้อมูลถูกเขียนในรูปแบบ ชื่อ หรือ มูลค่า คู่
- ข้อมูลคือ แยกออกจากกัน โดยลูกน้ำ
- หยิก จัดฟัน ถือ วัตถุ
- วงเล็บเหลี่ยม ถือ อาร์เรย์
รูปแบบ JSON คล้ายกับออบเจ็กต์ JavaScript มาก ในที่นี้คีย์จะต้องเป็นสตริงซึ่งเขียนด้วยเครื่องหมายคำพูดคู่เช่น:
{'name': 'ซูซาน'}พื้นฐาน JSON
ใน JSON , ค่า ต้องเป็นประเภทข้อมูลต่อไปนี้:
- สตริง
- จำนวน
- วัตถุ (วัตถุ JSON)
- อาร์เรย์
- บูลีน
- Null
สตริง
ใน JSON คีย์ต้องเป็นสตริงเขียนด้วยเครื่องหมายคำพูดคู่:
{'name': 'Mary'}ใน JavaScript คีย์สามารถเป็นสตริงตัวเลขหรือชื่อตัวระบุ:
{ชื่อ: 'แมรี่'}วัตถุ
ออบเจ็กต์ JSON ล้อมรอบด้วยวงเล็บปีกกา {} โดยเขียนเป็นคู่คีย์หรือค่าด้วยวิธีต่อไปนี้:
{'name': 'Lisa', 'age': 23, 'car': BMW}อาร์เรย์
อาร์เรย์ใน JSON เกือบจะเหมือนกับอาร์เรย์ใน JavaScript ใน JSON ค่าอาร์เรย์เป็นสตริงประเภทตัวเลขอ็อบเจ็กต์อาร์เรย์บูลีนหรือ null ในขณะที่ใน JavaScript ค่าอาร์เรย์สามารถเป็นค่าทั้งหมดข้างต้นรวมทั้งนิพจน์ JavaScript ที่ถูกต้องอื่น ๆ รวมถึงฟังก์ชันวันที่และไม่ได้กำหนด
6 วิธีในการใช้คีย์เวิร์ดนี้มีอะไรบ้าง?
อาร์เรย์ใน JSON สามารถเป็นค่าของคุณสมบัติออบเจ็กต์ ถูกกำหนดให้เป็น:
{'name': 'Lisa', 'age': 23, 'cars': ['Ford', 'BMW', 'Fiat']}แปลง JSON Object เป็น JavaSCript Text
JSON มักใช้ในการ อ่านข้อมูล จาก เว็บเซิร์ฟเวอร์ และแสดงข้อมูลบนหน้าเว็บ นอกจากนี้ยังสามารถแสดงให้เห็นโดยใช้สตริงเป็นอินพุต
ลองดูตัวอย่างและดูว่าออบเจ็กต์ JSON สามารถแปลงเป็นข้อความ Javascript ได้อย่างไรโดยใช้ฟังก์ชัน JSON.parse ():
การแปลงข้อความ JSON เป็นวัตถุ Javascript
วัตถุ JSON: การใช้วัตถุ Javascript: var jsonobj = '{' name ':' Josh Huan ',' staffID ':' 1107 ',' age ': 25}' // ที่นี่เราแปลง JSON เป็น object var obj = JSON.parse (jsonobj) document.getElementById ( 'example1'). innerHTML = obj.name + 'พร้อมรหัสพนักงาน' + obj.employeeID + 'และอายุ' + obj.age document.getElementById ('ตัวอย่าง') innerHTML = jsonobj
มันจะแปลงวัตถุเป็นข้อความและให้สิ่งต่อไปนี้ เอาต์พุต :
ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความของเรา ฉันหวังว่าคุณจะเข้าใจว่า JSON คืออะไรและทำไมเราถึงต้องใช้สิ่งนี้
ตอนนี้คุณรู้แล้วว่า JSON คืออะไรลองดูไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)
มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ 'JSON คืออะไร' และเราจะติดต่อกลับ