การอ่านคุณสมบัติ
รับค่าจากออบเจ็กต์
การอ่านคุณสมบัติ เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
แอบดูข้างใน chest 🔍
คุณสร้าง chest สมบัติหรือออบเจ็กต์แล้ว ตอนนี้มา แอบดูข้างใน และหยิบสมบัติกันเถอะ!
การดึงค่าออกจากออบเจ็กต์เรียกว่า การอ่านคุณสมบัติ 🪙
จุดวิเศษ ✨
หากต้องการหยิบสมบัติ ให้เขียนชื่อ chest ตามด้วย จุด . แล้วจึงตามด้วยคีย์
เหมือนพูดว่า dog DOT name ได้โปรด! 🐶
let dog = { name: 'Rex', age: 4 }
console.log(dog.name)หยิบตัวเลข 🔢
จุดใช้กับสมบัติ ALL ได้ ไม่ใช่แค่คำเท่านั้น! มาหยิบอายุของ dog กันเถอะ
ลองทำดู แล้วดูตัวเลขปรากฏขึ้น!
let dog = { name: 'Rex', age: 4 }
console.log(dog.age)หยิบสมบัติสองชิ้น 🪙🪙
คุณจะอ่านสมบัติกี่ชิ้นก็ได้ตามต้องการ! เพียงใช้จุดทุกครั้ง
ในตัวอย่างนี้เราอ่านทั้งชื่อ AND อายุ
let cat = { name: 'Mittens', age: 2 }
console.log(cat.name)
console.log(cat.age)ใส่ลงในประโยค 💬
เราสามารถนำสมบัติมาผสมเป็นประโยค โดยใช้เครื่องหมาย + เพื่อเชื่อมคำเข้าด้วยกัน!
ดูสิ robot ของเรากำลังกล่าวทักทายด้วยชื่อของตัวเอง 🤖
let robot = { name: 'Beep' }
console.log('Hi, I am ' + robot.name)คำนวณด้วยสมบัติ ➕
ถ้าสมบัติเป็นตัวเลข คุณก็สามารถนำมาคำนวณได้!
มาเพิ่มอายุให้ dog อีกหนึ่งปีกันเถอะ 🎂
let dog = { name: 'Rex', age: 4 }
console.log(dog.age + 1)อ่านข้อมูลของฮีโร่ 🦸
มาอ่านข้อมูลจาก chest ของซูเปอร์ฮีโร่กันเถอะ! หยิบชื่อและพลังออกมา
let hero = {
name: 'Captain Star',
power: 'flying'
}
console.log(hero.name)
console.log(hero.power)การสะกดมีความสำคัญ! 🐝
คีย์ต้องสะกดให้ถูกต้อง EXACTLY name ไม่เหมือนกับ Name!
หากสะกดผิด คุณจะได้ค่า ไม่กำหนด ซึ่งหมายความว่า “หา treasure นั้นไม่พบ” 🤷
let dog = { name: 'Rex' }
console.log(dog.Name)รวมแล้วแสดงผล 🎁
มาอ่าน chest ของ snack แล้วสร้างข้อความสนุก ๆ เกี่ยวกับมันกันเถอะ!
let snack = { name: 'Cookies', amount: 12 }
console.log('I have ' + snack.amount + ' ' + snack.name)สมบัติจริงหรือเท็จ 🚦
คุณสามารถอ่านสมบัติแบบ จริง/เท็จ ได้ด้วย! เหมาะสำหรับคำถามที่มีคำตอบว่าใช่หรือไม่ใช่
robot ตัวนี้เป็นมิตรหรือไม่? มาตรวจสอบกัน!
let robot = { name: 'Beep', isFriendly: true }
console.log(robot.isFriendly)ถึงตาคุณอ่านแล้ว 🌟
นี่คือ chest ของ pet ลองอ่านสมบัติ color ด้วยตัวเองดูสิ! เปลี่ยนบรรทัดแล้วเรียกใช้
let pet = {
name: 'Bubbles',
color: 'orange'
}
console.log(pet.color)ตรวจสอบอย่างรวดเร็ว ✅
ถึงเวลาใช้พลังสมองแล้ว! 🧠 แสดงให้เห็นว่าคุณรู้เรื่องการอ่านสมบัติมากแค่ไหน
ทบทวนการอ่าน 🎉
เก่งมาก นักล่าสมบัติ! 🗺️ คุณได้เรียนรู้การ READ คุณสมบัติแล้ว
- ใช้ จุด:
chest.key - สะกดคีย์ให้ถูกต้อง EXACTLY 🐝
- นำสมบัติมาผสมเป็นประโยคด้วย
+
ต่อไป: วิธี CHANGE สมบัติภายใน chest! 🔧
คำถามที่พบบ่อย
บทเรียน “การอ่านคุณสมบัติ” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การอ่านคุณสมบัติ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน
บทเรียน “การอ่านคุณสมบัติ” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม
ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- ออบเจ็กต์คืออะไร
- การอ่านคุณสมบัติ
- การเปลี่ยนคุณสมบัติ
- ออบเจ็กต์สัตว์เลี้ยง