การเปลี่ยนคุณสมบัติ
อัปเดตออบเจ็กต์
การเปลี่ยนคุณสมบัติ เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
สลับสมบัติ 🔄
ถ้า dog ของคุณมีวันเกิดล่ะ 🎂? อายุของมันก็ควรเปลี่ยน!
ข่าวดีคือ เราสามารถ เปลี่ยนสมบัติภายในออบเจ็กต์ได้ทุกเมื่อที่ต้องการ
ใช้จุดและเครื่องหมายเท่ากับ 🟰
หากต้องการเปลี่ยนสมบัติ ให้ใช้จุดชี้ไปยังสมบัตินั้น แล้วใช้ = เพื่อกำหนดค่าใหม่ให้
เหมือนพูดว่า dog DOT age ตอนนี้คุณอายุ 5 ขวบแล้ว!
let dog = { name: 'Rex', age: 4 }
dog.age = 5
console.log(dog.age)ก่อนและหลัง 👀
มาดูการเปลี่ยนแปลงกัน! ขั้นแรกเราอ่านค่าเดิม จากนั้นเปลี่ยนค่า แล้วจึงอ่านอีกครั้ง
let dog = { age: 4 }
console.log(dog.age)
dog.age = 5
console.log(dog.age)เปลี่ยนคำก็ได้ 📝
คุณสามารถเปลี่ยนสมบัติที่เป็นคำได้เช่นกัน! บางที cat อาจมีชื่อใหม่ 🐱
let cat = { name: 'Mittens' }
cat.name = 'Shadow'
console.log(cat.name)เพิ่มค่าตัวเลข 🌱
อยากเพิ่มตัวเลขใช่ไหม? อ่านค่าเดิม เพิ่มค่า แล้วจัดเก็บกลับเข้าไป!
ในตัวอย่างนี้ dog มีอายุเพิ่มขึ้นหนึ่งปี 🎉
let dog = { age: 4 }
dog.age = dog.age + 1
console.log(dog.age)เพิ่มสมบัติ NEW ✨
คุณยังเพิ่มสมบัติที่ไม่เคยมีมาก่อนได้ด้วย! เพียงกำหนดค่าให้คีย์ใหม่
มาเพิ่ม color ให้ dog กันเถอะ
let dog = { name: 'Rex' }
dog.color = 'brown'
console.log(dog.color)สลับค่าจริงและเท็จ 🚦
robot กำลังหลับอยู่ มาปลุกด้วยการเปลี่ยนค่าจริง/เท็จกันเถอะ! 🤖
let robot = { awake: false }
robot.awake = true
console.log(robot.awake)เพิ่มพลังให้ฮีโร่ 💪
ฮีโร่ของเราเรียนรู้พลังใหม่แล้ว! มาเปลี่ยนพลังนั้นกันเถอะ
let hero = { name: 'Captain Star', power: 'flying' }
hero.power = 'super strength'
console.log(hero.power)กินคุกกี้ 🍪
ทุกครั้งที่เรากินคุกกี้ จำนวนคุกกี้จะลดลงหนึ่งชิ้น DOWN มาลองกัดกันเถอะ!
let snack = { name: 'Cookies', amount: 12 }
snack.amount = snack.amount - 1
console.log(snack.amount)เปลี่ยนสมบัติหลายชิ้นพร้อมกัน 🎁
คุณสามารถเปลี่ยนสมบัติได้มากเท่าที่ต้องการ โดยเปลี่ยนทีละบรรทัด!
let pet = { name: 'Bubbles', age: 1 }
pet.name = 'Splash'
pet.age = 2
console.log(pet.name)
console.log(pet.age)ถึงตาคุณเปลี่ยนแล้ว 🌟
balloon ลูกนี้มีขนาดเล็ก ลองเปลี่ยน size เป็น 'ใหญ่' แล้วเรียกใช้ดู! 🎈
let balloon = { size: 'small' }
balloon.size = 'big'
console.log(balloon.size)ตรวจสอบอย่างรวดเร็ว ✅
แสดงทักษะการเปลี่ยนค่าของคุณหน่อย! 🧠
ทบทวนการเปลี่ยนค่า 🎉
เก่งมาก! 🛠️ คุณได้เรียนรู้การ CHANGE สมบัติแล้ว
- ใช้จุดเพื่อชี้ และใช้
=เพื่อกำหนดค่า - เพิ่มสมบัติใหม่ด้วยวิธีเดียวกัน
- เพิ่มหรือลดตัวเลขได้ เช่น
x = x + 1
ต่อไป: มาสร้างออบเจ็กต์ PET ทั้งชิ้นด้วยกัน! 🐾
คำถามที่พบบ่อย
บทเรียน “การเปลี่ยนคุณสมบัติ” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การเปลี่ยนคุณสมบัติ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “การเปลี่ยนคุณสมบัติ” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม
ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- ออบเจ็กต์คืออะไร
- การอ่านคุณสมบัติ
- การเปลี่ยนคุณสมบัติ
- ออบเจ็กต์สัตว์เลี้ยง