JavaScript Document Object Model (DOM) คือการแสดงภาพของ HTML elements ของเว็บเพจ เป็น interface ที่ใช้จัดการเว็บเพจโดยเปลี่ยนเนื้อหาหรือสไตล์ เข้าถึง DOM ได้โดยคลิกขวาที่เว็บเพจ → Inspect จะเห็น HTML elements ด้านขวา/ซ้าย Hover ที่ element จะเห็นส่วนของหน้าเว็บที่ element นั้นแทนไฮไลท์ สามารถจัดกา

การใช้งาน Sets ใน JavaScript มีรายการข้อมูลที่ต้องการค่า unique เท่านั้น (ไม่ซ้ำกัน)? JavaScript Set คือชนิดข้อมูลที่ตอบโจทย์จุดนี้พอดี เป็นอ็อบเจ็กต์ชนิดใหม่ที่สร้างคอลเลกชันของค่า unique ไม่มี duplicate บทความนี้จะอธิบาย Sets คืออะไร ทำงานอย่างไร เมื่อไหร่ควรใช้ และตัวอย่างเมธอดต่างๆ ของ Set Set

เมธอด pop() ของอาเรย์ JavaScript เป็นหนึ่งในเมธอดหลายตัวที่จัดการข้อมูลในอาเรย์ นักพัฒนาเว็บใช้เมื่อต้องการนำเอาองค์ประกอบสุดท้ายออกจากอาเรย์ และอาจจะนำค่าที่ถูกนำออกไปใช้งานต่อ ไวยากรณ์ ไวยากรณ์ตรงไปตรงมา โดยนิยาม pop() นำองค์ประกอบสุดท้ายออกจากอาเรย์และคืนค่าองค์ประกอบนั้นออกมา: let frozen = [Ann

Closure เป็นคำสำคัญที่สุดใน JavaScript เป็นคำถามสัมภาษณ์งานที่ FAANG companies บ่อยมาก บทความนี้จะอธิบาย closure และ scope พร้อมตัวอย่างง่ายๆ และคำถามสัมภาษณ์ตัวอย่าง Scope (ขอบเขต) เมื่อพูดว่า ในขอบเขต หรือ นอกขอบเขต ของโปรเจกต์ หมายถึงอะไร? คิดถึงกล้องโทรทะเล (telescope) หรือกล้องสิบปืน (perisco

JavaScript switch case คือคำสั่ง if else แบบหลายเงื่อนไข รับนิพจน์เงื่อนไขเหมือน if statement แต่สามารถมีหลาย cases ที่ match กับผลลัพธ์ของนิพจน์เพื่อรันโค้ดบล็อกที่ต่างกัน คำสั่งเงื่อนไขใน JavaScript คำสั่งเงื่อนไข (conditional statements) ควบคุมการไหลของโปรแกรม รูปแบบทั่วไปคือ if และ if...else

การเขียน asynchronous code ใน JavaScript ก่อนหน้านี้ยุ่งยาก ต้องใช้ callback functions หลายชั้น ทำให้โค้ดอ่านยาก ES6 นำเสนอ Promises เพื่อเขียน asynchronous code ได้อย่างมีประสิทธิภาพ Promise คืออะไร? Promise คืออ็อบเจ็กต์ที่คืนค่าตอบสนองที่เราต้องการในอนาคต คล้ายกับคำสัญญาในชีวิตจริง: สัญญาว่าจะทำ

React.js เป็นเฟรมเวิร์ก JavaScript ที่ช่วยให้นักพัฒนาสามารถห่อหุ้มโค้ดเพื่อนำไปใช้ซ้ำได้ โค้ดที่ห่อหุ้มไว้เรียกว่า Components สามารถเก็บ logic และ state ของตัวเองได้โดยไม่รบกวน Document Object Model (DOM) การแยกส่วนของเว็บไซต์เป็นคอมโพเนนต์เล็กๆ เพื่อส่งผ่านข้อมูล ทำให้โค้ดเป็น reusable และ DRY (Do

บทความนี้จะแสดงวิธีใช้งานอ็อบเจ็กต์ Math เพื่อหาค่าสัมบูรณ์ของตัวเลข ค่าสัมบูรณ์คืออะไร? ค่าสัมบูรณ์ (absolute value) ของตัวเลขคือค่าที่ไม่สนใจเครื่องหมาย สมมติว่าตัวเลขทุกตัวเป็น 0 หรือมากกว่า 0 และคืนค่าตัวเลขนั้นออกมา ไวยากรณ์ Math.abs(inputVal); เริ่มต้นด้วย Math เมธอดค่าสัมบูรณ์คือ abs ใส่ค่

ใน JavaScript มีเมธอดของอ็อบเจ็กต์ Number ที่ช่วยให้เรากำหนดจุดทศนิยมคงที่ได้ และคืนค่าเป็นสตริง บทความนี้จะอธิบายไวยากรณ์และแสดงวิธีการใช้งาน ชนิดข้อมูลพื้นฐานและ Wrapper Object ใน JavaScript ชนิดข้อมูลพื้นฐาน (primitive) คือค่าที่ไม่ใช่อ็อบเจ็กต์และไม่มีเมธอด เมื่อต้องการใช้เมธอดกับค่าพื้นฐาน เรา

ใน JavaScript มีเมธอดของอ็อบเจ็กต์ String ที่ช่วยให้เรารู้ได้ว่าตัวอักษรใดอยู่ที่ดัชนี (index) ที่กำหนดในสตริง บทความนี้จะอธิบายถึงเมธอดนี้และแสดงวิธีการใช้งาน ชนิดข้อมูลพื้นฐาน (Primitive Types) ใน JavaScript ก่อนจะเจาะลึกเมธอด charAt() มาทำความเข้าใจชนิดข้อมูลพื้นฐานใน JavaScript ก่อน ชนิดข้อมูลพ

JavaScript มี Object class ที่มี methods หลากหลายสำหรับจัดการ objects ในบทความนี้ เราจะดู Object.assign() method และสาธิตการใช้งาน พื้นฐานเบื้องต้น เตือนใจว่า object เป็น data type ใน JavaScript คล้าย dictionaries ใน Python ที่มี key:value pairs สมมติเรามี object เรียกว่า Harry อาจมี key:value pair

บทความนี้จะแสดงวิธีใช้ Math Object หาว่า floating point number ปัดเป็น nearest integer อย่างไร เตือนใจว่าเวลาเราปัดเลข เราดูขวาของ decimal point เพื่อดูว่าเราปัดขึ้นหรือปัดลง ถ้า .5 หรือมากกว่าและเป็นบวก เราปัดขึ้น ถ้าน้อยกว่า .5 ตอนเป็นบวก เราปัดลง ในกรณีเลขลบ threshold ปรับเล็กน้อย: ถ้า .5 หรือน้อ

มี beginner-friendly code challenges หลายอย่างที่ช่วยให้คิดแบบ engineer ได้ หนึ่งในนั้นคือ challenge ที่ทำให้ตัวอักษรแรกของทุกคำใน string ที่ให้มาเป็นตัวพิมพ์ใหญ่ ในบทความนี้ เราจะดู prompt และ several possible solutions ใน JavaScript The Prompt Given a function, capitalize, that takes in str as a

วิธีเขียน Binary Search ใน JavaScript Searching algorithms ทำชีวิต programmer ง่ายขึ้นมาก ทำให้หา item เฉพาะใน data set ที่มีสิบ ร้อย หรือพัน items ง่ายขึ้น หนึ่งในรูปแบบ searches ที่นิยมที่สุดคือ binary search การค้นหานี้หา item ใน array ได้เร็ว ทุกครั้งที่ search ดูผ่าน item จะลดจำนวน items ที่เห

JavaScript shift() ลบ element ที่ตำแหน่งที่ระบุ และเลื่อน elements ที่เหลือขึ้นมา JavaScript unshift() function ทำตรงข้าม unshift() เพิ่ม element ใหม่ที่ตำแหน่งเฉพาะ และเลื่อน elements ที่เหลือลงในลิสต์ คุณอาจตัดสินใจอยากเพิ่มหรือลบ item ที่จุดเริ่มต้นของลิสต์ สมมติคุณทำลิสต์ top salespeople คุณจะอ

เข้าใจ JavaScript this keyword ถ้าคุณอยากเป็น programmer ไม่ว่าจะเลือกสาขาไหน คุณเกือบแน่นอนต้องเผชิญกับ JavaScript มันพัฒนาจากต้นกำเนิดปกติสู่ true powerhouse ครอบคลุม front end, backend, mobile, games, desktop apps, และแม้แต่ machine learning! ตอนนี้ ก่อนจะกลายเป็น JavaScript master และก้าวต่อไป

วิธีใช้ JavaScript Booleans ค่า True หรือ False อยู่ทุกที่ในการเขียนโปรแกรม เราเรียกค่าเหล่านี้ว่า Booleans พวกมันใช้เปรียบเทียบสองค่าหรือมากกว่า และควบคุมว่าส่วนไหนของโปรแกรมควรทำงาน ในคู่มือนี้ เราจะพูดถึง Booleans คืออะไร และทำงานอย่างไร จะเดินทางผ่านตัวอย่างการใช้ JavaScript Booleans เพื่อช่วย

เราพบ operators ครั้งแรกตอนเป็นเด็กเรียน arithmetic ใน elementary school Operators คือ symbols ระหว่าง two operands ใน web development เราใช้ operators เปรียบเทียบสองค่า เพื่อตัดสินใจว่า expression เป็น true หรือ false ในบทความนี้ เราจะดู comparison (a.k.a relational) และ equality operators - พวกเขา

การได้ JavaScript timestamp format ทำได้ด้วย Date() object ซึ่งเก็บเวลาปัจจุบันในรูปแบบ timestamp ที่อ่านง่าย คุณยังสร้าง Date() objects ใหม่กับ timestamps ต่างๆ และได้ Unix time ปัจจุบันด้วย getTime() method การจัดการ dates และ times เป็นส่วนสำคัญของการเขียนโปรแกรม ใน JavaScript ตัวอย่างเช่น คุณอา

ใน JavaScript การคัดลอก array ไม่ได้ง่ายแค่ใช้ assignment operator (=) สร้าง duplicate ถ้าคุณเคยลอง คุณจะประหลาดใจว่ามันสร้างแค่ link ไปที่ original list เท่านั้น ปัญหาคืออะไร? ในคู่มือนี้ เราจะพูดถึงวิธีคัดลอก JavaScript array จะเดินทางผ่านโค้ดสำหรับสาม JavaScript copy array strategies เพื่อให้คุณ