ออบเจ็กต์คืออะไร
จัดกลุ่มข้อมูลที่เกี่ยวข้องกัน
ออบเจ็กต์คืออะไร เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
พบกับหีบสมบัติ chest! 🪙
ลองจินตนาการถึง หีบสมบัติ chest วิเศษ 🧰 ที่เก็บของได้มากมายพร้อมกัน! ใน JavaScript เราเรียกสิ่งนี้ว่า ออบเจ็กต์
ออบเจ็กต์จะรวบรวมข้อมูลที่เกี่ยวข้องไว้ด้วยกัน เหมือน chest ที่เก็บทอง อัญมณี และแผนที่ไว้ในที่เดียว!
ทำไมต้องจัดกลุ่มสิ่งต่าง ๆ? 🤔
ถ้าคุณอยากจดจำทุกอย่างเกี่ยวกับ dog 🐶 ล่ะ ทั้งชื่อ อายุ และสี!
คุณอาจสร้างกล่องแยกกัน 3 กล่อง... OR ใส่ทั้งหมดไว้ใน chest เดียว ONE ก็ได้ ออบเจ็กต์ช่วยให้คุณเก็บสิ่งที่เกี่ยวข้องไว้ ด้วยกัน!
สร้าง chest 🛠️
เราสร้างออบเจ็กต์ด้วยวงเล็บปีกกา { } ภายในใส่ คุณสมบัติ ซึ่งก็คือสิ่งที่เราต้องการจัดเก็บ
คุณสมบัติแต่ละรายการมี ชื่อ และ ค่า เช่น name: 'Rex'
let dog = { name: 'Rex' }
console.log(dog)สมบัติเพิ่มเติมภายใน 💎
chest เก็บสมบัติได้ MANY ชิ้น! เพียงใส่เครื่องหมายจุลภาค , คั่นระหว่างแต่ละชิ้น
chest ของ dog ใบนี้เก็บชื่อ อายุ AND สีไว้!
let dog = {
name: 'Rex',
age: 4,
color: 'brown'
}
console.log(dog)ชื่อและค่า 🏷️
ด้านซ้ายคือ คีย์ หรือป้ายกำกับ เช่น สติกเกอร์บนขวด ส่วนด้านขวาคือ ค่า หรือสิ่งที่อยู่ด้านใน
nameคือคีย์'Rex'คือค่า
let cat = {
name: 'Mittens',
age: 2
}
console.log(cat)สมบัติมีหลายชนิด 🌈
ค่าต่าง ๆ เป็นได้หลายอย่าง! ทั้งคำในเครื่องหมายอัญประกาศ ตัวเลข หรือแม้แต่ จริง และ เท็จ
ดูสิ chest ของ robot 🤖 เก็บสมบัติทั้งสามชนิดไว้!
let robot = {
name: 'Beep',
batteries: 4,
isFriendly: true
}
console.log(robot)chest ว่างเปล่า 📭
คุณยังสร้าง chest ว่างเปล่า ที่ยังไม่มีอะไรอยู่ข้างในได้ด้วย เพียงใช้ { }
ตอนนี้ chest พร้อมรอให้คุณเพิ่มสมบัติในภายหลังแล้ว!
let chest = {}
console.log(chest)
console.log('Empty and ready!')ออบเจ็กต์กล่องของเล่น 🧸
มาสร้าง chest สำหรับ toy ชิ้นโปรดกันเถอะ! chest นี้มีชื่อ ราคา และข้อมูลว่าเป็นของเล่นสนุกหรือไม่
เรียกใช้ดู แล้วคุณจะเห็นกล่องของเล่นปรากฏขึ้น!
let toy = {
name: 'Bouncy Ball',
price: 3,
isFun: true
}
console.log(toy)ออบเจ็กต์เก็บคำบรรยายได้ด้วย 📝
ออบเจ็กต์เหมาะสำหรับบรรยาย บุคคล ด้วย! มาสร้าง chest สำหรับซูเปอร์ฮีโร่ 🦸 กันเถอะ
ทั้งชื่อ พลัง และจำนวนเพื่อนที่มี!
let hero = {
name: 'Captain Star',
power: 'flying',
friends: 7
}
console.log(hero)ทำไมออบเจ็กต์จึงยอดเยี่ยม 🎸
ออบเจ็กต์ช่วยจัดโค้ดให้ เป็นระเบียบ! แทนที่จะมีกล่องเล็ก ๆ หลายใบกระจัดกระจาย ทุกอย่างจะอยู่ใน chest เดียวอย่างเรียบร้อย
- ค้นหาได้ง่าย
- แบ่งปันได้ง่าย
- ทำความเข้าใจได้ง่าย
สร้างของคุณเอง! 🌟
ลองสร้าง chest สำหรับ snack ชิ้นโปรดของ YOUR ดูสิ 🍪! ตั้งชื่อและใส่ตัวเลขให้ด้วย
นี่คือตัวอย่างสำหรับเริ่มต้น ลองเปลี่ยนคำแล้วเรียกใช้ดู!
let snack = {
name: 'Cookies',
amount: 12
}
console.log(snack)ตรวจสอบอย่างรวดเร็ว ✅
ถึงเวลาทายปัญหาสำหรับสมองแล้ว! 🧠 มาดูกันว่าคุณจำเรื่อง chest สมบัติหรือออบเจ็กต์ได้มากแค่ไหน
ทบทวนเรื่อง chest สมบัติ 🎉
ทำได้ยอดเยี่ยม นักสำรวจ! 🗺️ คุณได้เรียนรู้ว่า ออบเจ็กต์ คือ chest สมบัติที่รวบรวมข้อมูลที่เกี่ยวข้องไว้ด้วยกัน
- ใช้วงเล็บปีกกา
{ } - สมบัติแต่ละชิ้นเป็นคู่ คีย์: ค่า
- ใช้เครื่องหมายจุลภาคคั่นระหว่างสมบัติ
ต่อไปเราจะเรียนรู้วิธี READ สมบัติภายใน! 💎
คำถามที่พบบ่อย
บทเรียน “ออบเจ็กต์คืออะไร” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ออบเจ็กต์คืออะไร” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Javascript for Kids ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ออบเจ็กต์คืออะไร”
จัดกลุ่มข้อมูลที่เกี่ยวข้องกัน คุณปฏิบัติ Javascript for Kids ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Javascript for Kids หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Javascript for Kids บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน
บทเรียน “ออบเจ็กต์คืออะไร” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม
ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- ออบเจ็กต์คืออะไร
- การอ่านคุณสมบัติ
- การเปลี่ยนคุณสมบัติ
- ออบเจ็กต์สัตว์เลี้ยง