คู่มือนี้จะอธิบายวิธีการวนซ้ำผ่านอาร์เรย์ JSON โดยใช้ JavaScript
จะวนซ้ำผ่านอาร์เรย์ JSON โดยใช้ JavaScript ได้อย่างไร
“ อาร์เรย์ JSON ค่า ” สามารถเข้าถึงได้ผ่านลูป การวนซ้ำ JSON (JavaScript Object Notation) ถือเป็นเทคนิคที่ดีที่สุดในการส่งข้อมูลในรูปแบบอาร์เรย์ เนื่องจากเป็นรูปแบบที่เบาในการจัดเก็บและถ่ายโอนข้อมูลที่ต้องการจากที่หนึ่งไปยังอีกที่หนึ่ง
ส่วนนี้ใช้ที่ใช้กันทั่วไป “ สำหรับ ” วนซ้ำเพื่อวนซ้ำอาร์เรย์ JSON โดยใช้ JavaScript
ไวยากรณ์ (อาร์เรย์ JSON)
อาร์เรย์ - ชื่อ = [ มูลค่า1 , ค่า2 , ..... ค่าN ]
ในที่นี้ “value1”, “value2” และ “valueN” หมายถึงค่าที่ต้องวนซ้ำ
มาทำการวนลูปผ่านอาร์เรย์ “JSON” ใน JavaScript กัน
รหัส HTML
มาดูรหัส HTML ต่อไปนี้:
< ชั่วโมง2 > การวนซ้ำผ่านอาร์เรย์ JSON < / ชั่วโมง2 >< หน้า > อาร์เรย์ JSON มีองค์ประกอบที่เรียงลำดับเป็นศูนย์ หนึ่งรายการหรือมากกว่า โดยคั่นด้วยเครื่องหมายจุลภาค < / หน้า >
< หน้า รหัส = 'ตัวอย่าง' >< / หน้า >
ในบรรทัดโค้ดด้านบน:
- “ แท็กกำหนดหัวข้อย่อย
- “ แท็ก ” สร้างคำสั่งย่อหน้า
- สุดท้าย แท็ก “
” กำหนดย่อหน้าว่างที่มีรหัส “ ตัวอย่าง ” เพื่อแสดงค่าอาร์เรย์ JSON
รหัสจาวาสคริปต์
ถัดไป ไปที่รหัสที่ให้ไว้ด้านล่าง:
< สคริปต์ >คอสต์ JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
คอสต์ วัตถุ = เจสัน แยกวิเคราะห์ ( JSONarray ) ;
ให้ข้อความ = '' ;
สำหรับ ( ปล่อยให้เค = 0 ; เค < วัตถุ รถ . ความยาว ; เค ++ ) {
ข้อความ += วัตถุ รถ [ เค ] + ', ' ;
}
เอกสาร. getElementById ( 'ตัวอย่าง' ) . HTML ภายใน = ข้อความ ;
สคริปต์ >
ในบล็อกรหัสนี้:
- กำหนดอาร์เรย์ JSON ชื่อ “ JSONarray ' กับ ' คอสต์ ” คีย์เวิร์ดที่มีรายการลำดับของค่า
- “ วัตถุ ” วัตถุใช้ “ แยกวิเคราะห์ () ” วิธีการที่แปลงข้อความอาร์เรย์ JSON ที่ระบุเป็นวัตถุ JavaScript
- หลังจากนั้น “ ข้อความ ” ตัวแปรเก็บค่าว่าง
- ถัดไป ใช้ “ สำหรับ ” วนซ้ำเพื่อวนซ้ำคุณสมบัติของ “ วัตถุ ” เชื่อมกับอาร์เรย์ JSON ที่รวมไว้กับคีย์ “รถยนต์”
- นอกจากนี้ยังเชื่อมโยง ' ความยาว ” คุณสมบัติและเพิ่มลูปเพื่อดำเนินการวนซ้ำอย่างเหมาะสม
- สุดท้าย ใช้ “ getElementById() ” วิธีการเข้าถึงย่อหน้าว่างที่เพิ่มโดยใช้รหัส 'ตัวอย่าง' มันจะแสดงค่าอาร์เรย์ JSON ผ่าน “ HTML ภายใน ' คุณสมบัติ.
เอาต์พุต
เอาต์พุตแสดงค่าทั้งหมดของอาร์เรย์ JSON ที่เพิ่มโดยใช้ลูป 'for'
บทสรุป
“ อาร์เรย์ JSON ” สามารถวนซ้ำได้อย่างง่ายดายโดยใช้ JavaScript ด้วยความช่วยเหลือของ “ สำหรับ ” วนซ้ำ นี่เป็นกระบวนการทั่วไปและโดยทั่วไปจะใช้ในการพัฒนาเว็บเพื่อดึงข้อมูลในรูปแบบ JSON จากฐานข้อมูลหรือ API คู่มือนี้ได้อธิบายคำอธิบายสั้น ๆ เพื่อวนซ้ำผ่านอาร์เรย์ JSON โดยใช้ JavaScript