สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com
# การเริ่มต้นกับ JavaScript: การเข้าถึงและการเปลี่ยนแปลงค่าของ Object
ในยุคที่เว็บไซต์และแอปพลิเคชันบนเว็บมีบทบาทสำคัญในชีวิตประจำวัน JavaScript ได้กลายมาเป็นภาษาการเขียนโปรแกรมที่ขาดไม่ได้ ภาษา JavaScript ไม่ได้มีแค่ความสามารถในการสร้างเอาสิ่งที่เป็น Interactive และการจัดการ Event บนเว็บเพจเท่านั้น แต่ยังมีด้านที่ซับซ้อนและหลากหลายมากมาย หนึ่งในหัวข้อที่สำคัญต่อการเขียนโปรแกรมด้วย JavaScript คือการจัดการและเปลี่ยนแปลงค่าภายใน Object
ใน JavaScript, Object คือโครงสร้างข้อมูลที่สามารถใช้เก็บค่าหลาย ๆ ค่าได้ในรูปแบบของคู่ "ชื่อคุณลักษณะ: ค่า" (Property: Value) ซึ่งค่าที่อยู่ภายใน Object นั้นสามารถเป็นได้ทั้งข้อมูลพื้นฐาน เช่น String, Number หรือซับซ้อน เช่น Array, Object อื่น หรือแม้กระทั่ง Function
ตัวอย่างการสร้าง Object:
const user = {
name: "สมชาย",
age: 30,
email: "somchai@example.com"
};
ในตัวอย่างด้านบน `user` คือ Object ที่มีคุณลักษณะ `name`, `age` และ `email` พร้อมกับค่าของมัน
ใช้ (.) Dot Notation
การเข้าถึงคุณลักษณะใน Object สามารถทำได้โดยใช้สัญลักษณ์จุด (Dot Notation)
console.log(user.name); // Output: สมชาย
console.log(user.age); // Output: 30
ใช้ [] Bracket Notation
อีกวิธีหนึ่งที่สามารถใช้ได้คือการใช้วงเล็บเหลี่ยม (Bracket Notation) ซึ่งเหมาะสำหรับการเข้าถึงคุณลักษณะโดยใช้ string literals หรือถ้าคุณลักษณะนั้นมีชื่อที่เป็นตัวเลขหรือมีอักษรพิเศษ
console.log(user['email']); // Output: somchai@example.com
การเปลี่ยนแปลงค่าหรือการเพิ่มคุณลักษณะใหม่เข้าสู่ Object ใน JavaScript นั้นสามารถทำได้อย่างง่ายดาย
การเปลี่ยนแปลงค่า
คุณสามารถเปลี่ยนแปลงค่าโดยการอ้างอิงไปยังชื่อคุณลักษณะเดิมและให้ค่าที่ต้องการ
user.age = 31;
console.log(user.age); // Output: 31
การเพิ่มคุณลักษณะใหม่
เพียงแค่ระบุชื่อคุณลักษณะใหม่ที่ต้องการและค่า ก็สามารถเพิ่มคุณลักษณะนั้นเข้าไปใน Object ได้แล้ว
user.location = "กรุงเทพ";
console.log(user.location); // Output: กรุงเทพ
สมมุติว่าเรากำลังสร้างระบบจัดการข้อมูลผู้ใช้ ที่สามารถสร้าง แก้ไข และดูข้อมูลของผู้ใช้ เราจะใช้ Object ในการเก็บข้อมูลและแสดงข้อมูลของผู้ใช้
ตัวอย่างโค้ด
function User(name, age, email) {
this.name = name;
this.age = age;
this.email = email;
}
// สร้างผู้ใช้ใหม่
const newUser = new User('พิมพ์', 25, 'pim@example.com');
// แก้ไขอีเมลของผู้ใช้
newUser.email = 'pimmy@example.com';
// เพิ่มตำแหน่งที่อยู่เข้าไปในข้อมูลผู้ใช้
newUser.location = 'เชียงใหม่';
// แสดงผลข้อมูลผู้ใช้
console.log(newUser);
ในตัวอย่างนี้ เราได้สร้าง Constructor Function ที่ชื่อ `User` เพื่อสร้าง Object สำหรับข้อมูลผู้ใช้ จากนั้นได้ทำการเปลี่ยนแปลงและเพิ่มคุณลักษณะเข้าไปใน Object ที่สร้างขึ้นมา
การจัดการ Object ใน JavaScript เป็นทักษะที่จำเป็นสำหรับนักพัฒนาซอฟต์แวร์ โดยเฉพาะผู้ที่ต้องการสร้างและพัฒนาเว็บไซต์หรือแอปพลิเคชันบนเว็บ การทำความเข้าใจวิธีการเข้าถึงและเปลี่ยนแปลงค่าภายใน Object จะช่วยให้การพัฒนาซอฟต์แวร์มีความยืดหยุ่นและมีประสิทธิภาพมากยิ่งขึ้น
ด้วยการเริ่มต้นจากพื้นฐานและทดลองปรับใช้ในสถานการณ์จริง คุณจะสามารถพัฒนาทักษะการเขียนโปรแกรมใน JavaScript ได้อย่างมีคุณภาพ และหากคุณสนใจที่จะศึกษาเพิ่มเติมเกี่ยวกับ JavaScript หรือเสริมทักษะการเขียนโปรแกรม เพิ่มเติม อย่าลังเลที่จะพิจารณาการเรียนรู้ร่วมกับผู้เชี่ยวชาญที่โรงเรียนสอนโปรแกรม Expert-Programming-Tutor (EPT) ที่จะคอยชี้นำทางในเส้นทางนักพัฒนาของคุณได้อย่างมืออาชีพ!
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/
Tag ที่น่าสนใจ: java c# vb.net python c c++ machine_learning web database oop cloud aws ios android
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com