คู่มือนี้มีเนื้อหาดังต่อไปนี้:
- วิธีใช้อาร์เรย์ของวัตถุ JSON ใน JavaScript
- ตัวอย่างที่ 1: การสร้างอาร์เรย์ของวัตถุ JSON
- ตัวอย่างที่ 2: การเข้าถึงอาร์เรย์ของ JSON Objects
- ตัวอย่างที่ 3: เพิ่มหรือลบอาร์เรย์ของ JSON Objects
วิธีการใช้อาร์เรย์ของวัตถุ JSON ใน JavaScript?
วัตถุ JSON นั้นเป็นวัตถุที่ใช้ JavaScript โดยพื้นฐาน วัตถุเหล่านี้สามารถใช้เพื่อเข้าถึงคุณสมบัติของอาร์เรย์ได้ หลังจากเข้าถึงแล้ว ผู้ใช้สามารถเพิ่ม ลบ หรือแก้ไขคุณสมบัติในอาร์เรย์ที่มีอยู่ได้ นอกจากนี้ ยังใช้เมธอด stringify() ในการแปลงสตริง JSON เป็นอาร์เรย์ของออบเจ็กต์ JSON ด้วยวิธีนี้ เมธอด push() และ pop() จะถูกใช้เพื่อจัดการกับอาร์เรย์
ตัวอย่างที่ 1: การสร้างอาร์เรย์ของวัตถุ JSON ใน JavaScript
มีการพิจารณาตัวอย่างสำหรับการสร้างอาร์เรย์ของวัตถุ JSON โดยใช้ JavaScript ตัวอย่างเช่น รหัสที่ให้ไว้ด้านล่าง
รหัส
const ครู = {
'ชื่อ' : “แฮร์รี่” , 'เรื่อง' : 'ภาษาอังกฤษ' ,
'อายุ' : '35'
} ;
คอนโซล บันทึก ( ครู ) ;
ในรหัสนี้อาร์เรย์ “ ครู ” ถูกสร้างขึ้นโดยการกำหนดคุณสมบัติเช่น “ ชื่อ ”, “ เรื่อง ', และ ' อายุ ”
หลังจากนั้นค่าต่างๆ เช่น “ แฮร์รี่ ”, “ ภาษาอังกฤษ ', และ ' 35 ” ถูกกำหนดให้กับคุณสมบัติข้างต้น สุดท้ายแสดงอาร์เรย์ “ ครู ” โดยใช้ console.log() กระบวนการ.
เอาท์พุต
ผลลัพธ์แสดงให้เห็นว่า “ ครู ” อาร์เรย์ของวัตถุ JSON ในหน้าต่างคอนโซล
ตัวอย่างที่ 2: การเข้าถึงอาร์เรย์ของวัตถุ JSON ใน JavaScript
ตัวอย่างถือเป็นการเข้าถึงคุณสมบัติขององค์ประกอบอาร์เรย์ใน JavaScript
รหัส
คอนโซล บันทึก ( 'ตัวอย่างการใช้อาร์เรย์โดยวัตถุ JSON' ) ;const ครู = {
'ชื่อ' : “แฮร์รี่” , 'เรื่อง' : 'ภาษาอังกฤษ' ,
'อายุ' : '35'
} ;
const objArr = ครู => {
const arr = [ ] ;
const กุญแจ = วัตถุ . กุญแจ ( ครู ) ;
สำหรับ ( ให้ x = 0 ; x < กุญแจ ความยาว ; x ++ ) {
ร. ดัน ( ครู [ กุญแจ [ x ] ] ) ;
} ;
กลับ arr ;
} ;
คอนโซล บันทึก ( objArr ( ครู ) ) ;
คำอธิบายของรหัส:
- อาร์เรย์ “ ครู ” เริ่มต้นโดยการกำหนด “ ชื่อ ”, “ เรื่อง ', และ ' อายุ ' คุณสมบัติ.
- คุณสมบัติเหล่านี้ได้รับการกำหนดค่าที่แตกต่างกัน เช่น “ แฮร์รี่ ”, “ ภาษาอังกฤษ ', และ ' 35 ”
- หลังจากนั้น a JSON วัตถุ ' objArr ” ใช้เพื่อเข้าถึงคุณสมบัติขององค์ประกอบและส่งคืนอาร์เรย์ใหม่
- ข้างใน ' objArr ” ใช้ for loop ที่แทรกค่าคุณสมบัติโดยใช้ ดัน() กระบวนการ.
- วนซ้ำจะดำเนินการจนกว่าค่าคุณสมบัติทั้งหมดจะถูกป้อนลงใน ' arr อาร์เรย์
- ในที่สุด objArr (ครู) ใช้เพื่อแสดงค่าคุณสมบัติ
เอาท์พุต
ผลลัพธ์จะแสดงค่าต่างๆ เช่น “Harry”, “English” และ “35” โดยกำหนดคุณสมบัติใน JavaScript
ตัวอย่างที่ 3: เพิ่มหรือลบอาร์เรย์ของวัตถุ JSON ใน JavaScript
ตัวอย่างถูกดัดแปลงเพื่อเพิ่มและลบอาร์เรย์ขององค์ประกอบโดยใช้วัตถุ JSON ใน JavaScript
รหัส
คอนโซล บันทึก ( 'ตัวอย่างการใช้อาร์เรย์โดยวัตถุ JSON' ) ;เคยเป็น arObj = [ { 'ผลไม้' : 'แอปเปิล' } , { 'ผลไม้' : 'กล้วย' } ] ;
คอนโซล บันทึก ( เจสัน ทำให้แน่น ( arObj ) ) ;
อปท. ดัน ( { 'ผลไม้' : 'ส้ม' } ) ;
คอนโซล บันทึก ( เจสัน ทำให้แน่น ( arObj ) ) ;
อปท. โผล่ ( ) ;
คอนโซล บันทึก ( เจสัน ทำให้แน่น ( arObj ) ) ;
คำอธิบายของรหัสมีดังนี้:
- อาร์เรย์ของวัตถุ JSON “ arObj ” เริ่มต้นด้วยคุณสมบัติผลไม้สองอย่าง
- หลังจากนั้น JSON.stringify() เมธอดใช้เพื่อแปลงค่า JavaScript เป็นสตริง JSON
- ดิ arrObj.push() วิธีการแทรกองค์ประกอบโดยผ่านค่าของ “ ผลไม้ ”: “ ส้ม ” ลงในอาร์เรย์
- หลังจากนั้น arrObj.pop() วิธีลบองค์ประกอบที่ป้อนล่าสุดออกจากอาร์เรย์
- ในที่สุด แสดงอาร์เรย์ของวัตถุ JSON “ arObj ” โดยใช้ console.log() กระบวนการ.
เอาท์พุต
ผลลัพธ์แสดงการเรียกใช้โค้ดด้านบนโดยการเพิ่มและลบองค์ประกอบอาร์เรย์ ' ผลไม้ ”: “ ส้ม ” ผ่านวัตถุ JSON
บทสรุป
ในบทความนี้, วัตถุ JSON ใช้เพื่อเข้าถึงและแก้ไของค์ประกอบของอาร์เรย์ใน จาวาสคริปต์
สำหรับสิ่งนี้ จะมีการให้ภาพรวมพร้อมตัวอย่างที่ใช้งานได้จริงสองตัวอย่าง ในตัวอย่างแรก ออบเจ็กต์ JSON เข้าถึงคุณสมบัติของอาร์เรย์และแสดงบนคอนโซล ในตัวอย่างที่สอง เมธอดในตัว สตริง () ใช้สำหรับการเพิ่มและลบคุณสมบัติในอาร์เรย์ จากบทความนี้ ผู้ใช้สามารถเพิ่ม ลบ หรือแก้ไขคุณสมบัติของอาร์เรย์โดยใช้วัตถุ JSON