บล็อกนี้จะอธิบายความแตกต่างระหว่างวงเล็บปีกกาและวงเล็บเหลี่ยมใน JavaScript ในขณะที่ประกาศอาร์เรย์
อะไรคือความแตกต่างระหว่าง “{ }” และ “[ ]” ขณะประกาศอาร์เรย์ JavaScript
ใน JavaScript เครื่องหมายวงเล็บปีกกา { } ใช้สำหรับประกาศออบเจกต์ในขณะที่สามารถใช้วงเล็บเหลี่ยม [ ] เพื่อประกาศอาร์เรย์ องค์ประกอบภายในวงเล็บเหลี่ยมคั่นด้วยเครื่องหมายจุลภาค
มาดูตัวอย่างการสร้างอาร์เรย์และวัตถุโดยใช้ { } และ [ ]
ตัวอย่างที่ 1: ประกาศ Array โดยใช้ “[ ]” และ “{ }”
สร้างอาร์เรย์ชื่อ “ แค่ ” ที่เก็บภาษาโปรแกรม:
เป็นเวลานาน = [ 'HTML' , 'ซีเอสเอส' , 'จาวาสคริปต์' , 'โหนด.js' , 'react.js' ] ;
พิมพ์อาร์เรย์บนคอนโซล:
คอนโซล บันทึก ( แค่ ) ;
เอาต์พุต
ตอนนี้ลองประกาศอาร์เรย์โดยใช้วงเล็บปีกกา มันจะให้ “ SyntaxError ”:
เครื่องหมายปีกกา {} มักใช้เพื่อประกาศวัตถุ ซึ่งเป็นโครงสร้างข้อมูลประเภทหนึ่งที่สามารถเก็บชุดของคู่คีย์-ค่าได้
ตัวอย่างที่ 2: ประกาศวัตถุโดยใช้ “{ }” และ “[ ]”
สร้างวัตถุชื่อ “ ข้อมูลชั่วโมง ” ที่เก็บข้อมูลนักเรียนในคู่คีย์-ค่า:
คอสต์ ข้อมูลชั่วโมง = { รหัส : 1 , ชื่อ : 'สตีเฟ่น' , อายุ : 18 } ;พิมพ์วัตถุบนคอนโซลโดยใช้ “ คอนโซล.ล็อก() ' วิธี:
คอนโซล บันทึก ( ข้อมูลชั่วโมง ) ;เอาต์พุต
หากเราจะพยายามจัดเก็บคู่คีย์-ค่าในรูปแบบ [ ] จะทำให้เกิดข้อผิดพลาด:
เป็นที่น่าสังเกตว่าคุณสามารถใช้วัตถุเพื่อจำลองโครงสร้างข้อมูลแบบอาร์เรย์ใน JavaScript ได้ แต่มันไม่ใช่อาร์เรย์จริง และอาจไม่มีเมธอดและคุณสมบัติเหมือนกันทุกประการกับอาร์เรย์จริง
บทสรุป
เครื่องหมายวงเล็บปีกกา { } ใช้สำหรับประกาศออบเจกต์ ในขณะที่สามารถใช้วงเล็บเหลี่ยม [ ] เพื่อประกาศอาร์เรย์ได้ [ ] เป็นวิธีมาตรฐานในการประกาศอาร์เรย์ใน JavaScript และเป็นที่นิยมใช้ ในขณะที่ { } ใช้เพื่อประกาศออบเจกต์ ซึ่งคล้ายกับอาร์เรย์แต่มีข้อแตกต่างบางประการ ออบเจกต์คือคอลเล็กชัน/กลุ่มของคู่คีย์-ค่า ในขณะที่อาร์เรย์คือคอลเล็กชันของค่าที่เรียงลำดับ บล็อกนี้อธิบายความแตกต่างระหว่างวงเล็บปีกกาและวงเล็บเหลี่ยมใน JavaScript ในขณะที่ประกาศอาร์เรย์