ล่าสุดการพัฒนาเว็บบทเรียน
 

JSONวากยสัมพันธ์

❮ก่อนหน้า ถัดไปบท❯

ไวยากรณ์ JSON เป็นส่วนหนึ่งของไวยากรณ์ JavaScript

JSON กฎไวยากรณ์

ไวยากรณ์ JSON มาจาก JavaScript ไวยากรณ์สัญกรณ์วัตถุ:

  • ข้อมูลที่อยู่ในชื่อ / คู่ค่า
  • ข้อมูลจะถูกคั่นด้วยเครื่องหมายจุลภาค
  • วงเล็บปีกกาถือวัตถุ
  • วงเล็บถืออาร์เรย์

JSON Data - ชื่อและความคุ้มค่า

JSON ข้อมูลเขียนเป็นชื่อ / คู่ค่า

คู่ชื่อ / ค่าประกอบด้วยชื่อสนาม (ในราคาคู่) ตามด้วยเครื่องหมายตามด้วยค่า:

ตัวอย่าง

"firstName":"John"

ชื่อ JSON ต้องใช้คำพูดสอง ชื่อ JavaScript ไม่

ค่า JSON

ค่า JSON สามารถ:

  • ตัวเลข (จำนวนเต็มหรือจุดลอย)
  • สตริง (ในราคาคู่)
  • บูลีน (จริงหรือเท็จ)
  • อาร์เรย์ (ในวงเล็บ)
  • วัตถุ (ในวงเล็บปีกกา)
  • โมฆะ

JSON วัตถุ

วัตถุ JSON จะถูกเขียนอยู่ภายในวงเล็บปีกกา

เช่นเดียวกับ JavaScript, วัตถุ JSON สามารถมีหลายชื่อ / ค่าคู่

ตัวอย่าง

{"firstName":"John", "lastName":"Doe"}

JSON อาร์เรย์

อาร์เรย์ JSON จะถูกเขียนอยู่ภายในวงเล็บ

เช่นเดียวกับ JavaScript, อาร์เรย์ JSON สามารถมีวัตถุหลาย:

ตัวอย่าง

"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter","lastName":"Jones"}
]

ในตัวอย่างข้างต้นวัตถุ "employees" เป็นอาร์เรย์ที่มีสามวัตถุ แต่ละวัตถุที่เป็นบันทึกของคน (ที่มีชื่อและนามสกุล)

JSON ใช้ Javascript ไวยากรณ์

เพราะไวยากรณ์ JSON มาจากสัญกรณ์วัตถุ JavaScript, ซอฟต์แวร์พิเศษน้อยมากที่จำเป็นในการทำงานร่วมกับ JSON ภายใน JavaScript

ด้วย JavaScript คุณสามารถสร้างอาร์เรย์ของวัตถุและกำหนดข้อมูลไปเช่นนี้

ตัวอย่าง

var employees = [
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter","lastName": "Jones"}
];

รายการแรกในวัตถุอาร์เรย์ JavaScript สามารถเข้าถึงได้เช่นนี้

ตัวอย่าง

// returns John Doe
employees[0].firstName + " " + employees[0].lastName;
ลองตัวเอง»

นอกจากนี้ยังสามารถเข้าถึงได้เช่นนี้

ตัวอย่าง

// returns John Doe
employees[0]["firstName"] + " " + employees[0]["lastName"];
ลองตัวเอง»

ข้อมูลที่สามารถแก้ไขได้เช่นนี้

ตัวอย่าง

employees[0].firstName = "Gilbert";
ลองตัวเอง»

นอกจากนี้ยังสามารถแก้ไขได้เช่นนี้

ตัวอย่าง

employees[0]["firstName"] = "Gilbert";
ลองตัวเอง»

ในบทต่อไปที่คุณจะได้เรียนรู้วิธีการแปลงข้อความ JSON เพื่อวัตถุ JavaScript

ไฟล์ JSON

  • ประเภทไฟล์สำหรับไฟล์ JSON เป็น ".json"
  • ชนิดไมม์สำหรับข้อความ JSON เป็น "application/json"

❮ก่อนหน้า ถัดไปบท❯