JavaScript

การใช้งาน Operator ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

ด้วยความที่ภาษา JavaScript เป็นภาษาที่เรียบง่ายแต่แฝงด้วยพลังในการพัฒนาเว็บ การทำความเข้าใจเกี่ยวกับ operator หรือตัวดำเนินการพื้นฐานที่ใช้ในภาษา JavaScript จึงเป็นสิ่งจำเป็นสำหรับนักพัฒนาเว็บทุกคน ในบทความนี้ เราจะเดินทางไปสัมผัสกับเสน่ห์ของ operator ใน JavaScript พร้อมด้วยตัวอย่างโค้ด และการนำไปใช้งานในชีวิตจริงที่น่าสนใจ

การใช้งาน Operators ให้ง่ายดาย

Operators ใน JavaScript มีหลายประเภท ได้แก่ Arithmetic Operators, Comparison Operators, Logical Operators, Assignment Operators และอื่นๆ ที่ถูกนำมาใช้เพื่อการคำนวณ การเปรียบเทียบ การตัดสินใจหรือการกำหนดค่า โดยเราจะมาดูตัวอย่างจากแต่ละประเภท

1. Arithmetic Operators

ตัวอย่างโค้ดการใช้ Arithmetic Operators:

 let a = 10;
let b = 3;

console.log(a + b);  // ผลลัพธ์: 13
console.log(a - b);  // ผลลัพธ์: 7
console.log(a * b);  // ผลลัพธ์: 30
console.log(a / b);  // ผลลัพธ์: 3.3333333333333335
console.log(a % b);  // ผลลัพธ์: 1 คือ ส่วนที่เหลือของการหาร

2. Comparison Operators

ตัวอย่างโค้ดการใช้ Comparison Operators:

 let x = 5;
let y = "5";
let z = 6;

console.log(x == y);  // true เนื่องจาก JavaScript ใช้ Type Coercion ในการเปรียบเทียบ
console.log(x === y); // false เพราะว่าตัวแปร x และ y มี type ที่ไม่เหมือนกัน
console.log(x != z);  // true เพราะ x ไม่เท่ากับ z
console.log(x > z);   // false เพราะ x ไม่ได้มากกว่า z

3. Logical Operators

ตัวอย่างโค้ดการใช้ Logical Operators:

 let userLoggedIn = true;
let userHasPremiumAccount = false;

console.log(userLoggedIn && userHasPremiumAccount);  // false เพราะว่าต้องทั้งสองเงื่อนไขต้องเป็น true
console.log(userLoggedIn || userHasPremiumAccount);  // true เพราะว่าหนึ่งในสองเงื่อนไขเป็น true
console.log(!userLoggedIn);  // false เพราะว่าตัว variable userLoggedIn เป็น true

Usecase ในโลกจริง

การตรวจสอบฟอร์มข้อมูล

ปกติเวลาเราพิมพ์ข้อมูลในฟอร์มต่างๆ บนเว็บไซต์ JavaScript ถูกนำไปใช้ในการตรวจสอบความถูกต้องของข้อมูลที่กรอก ตัวอย่างเช่น:

 let email = "user@example.com";
let password = "12345";

let isEmailValid = email.includes("@"); // ตรวจสอบว่ามี @ อยู่
let isPasswordValid = password.length >= 6; // ตรวจสอบว่ารหัสผ่านมีไม่ต่ำกว่า 6 ตัวอักษร

console.log(isEmailValid && isPasswordValid); // ผลลัพธ์จะเป็น false เพราะรหัสผ่านสั้นเกินไป

การคำนวณในเว็บไซต์ต่างๆ

ตัวอย่างเช่นเว็บไซต์ที่คำนวณอาหารแคลอรี่ หรือการจัดการการเงินส่วนบุคคล JavaScript มีบทบาทสำคัญในการคำนวณ:

 let caloriesPerServing = 500;
let servings = 3;
let totalCalories = caloriesPerServing * servings;

console.log(`Total calories consumed: ${totalCalories}`); // ผลลัพธ์: Total calories consumed: 1500

การเลือกตัวเลือกต่างๆ ในเกมหรือแอปพลิเคชัน

ในแอปพลิเคชันหรือเกมจำนวนมาก JavaScript ช่วยให้ผู้ใช้สามารถตัดสินใจได้ โดยอาศัยเงื่อนไขต่างๆ:

 let playerHealth = 100;
let damage = 50;
let hasShield = true;

// ถ้าผู้เล่นมีโล่ พวกเขาจะไม่ได้รับความเสียหาย
playerHealth -= hasShield ? 0 : damage;

console.log(`Player Health: ${playerHealth}`); // ผลลัพธ์: Player Health: 100 เพราะมีโล่ป้องกัน

ในกรณีที่คุณเริ่มสนใจในกฎเกณฑ์ที่น่าสนใจเหล่านี้และอยากจะศึกษาภาษา JavaScript แบบลึกซึ้งกว่านี้ Expert-Programming-Tutor (EPT) พร้อมที่จะเป็นส่วนหนึ่งในการเดินทางสู่โลกแห่งการพัฒนาเว็บไซต์ของคุณ ไม่ว่าคุณจะเป็นมือใหม่หรือผู้ที่มีความรู้พื้นฐานแล้วก็ตาม EPT คือพื้นที่เรียนรู้ สกัดกั้นปัญหา และเป็นตัวช่วยให้คุณสามารถสร้างสรรค์ผลงานได้อย่างไร้ขีดจำกัด!

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

Tag ที่น่าสนใจ: javascript operators arithmetic_operators comparison_operators logical_operators assignment_operators web_development programming type_coercion form_validation calories_calculation decision_making

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน Operator ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

การใช้งาน Operators ให้ง่ายดาย

Usecase ในโลกจริง

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน Operator ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

การใช้งาน Operators ให้ง่ายดาย

Usecase ในโลกจริง

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์