วิธีใช้ JavaScript +=Operator

ตัวดำเนินการ JavaScript +=เพิ่มสองค่าเข้าด้วยกันและกำหนดผลลัพธ์ให้กับตัวแปร ตัวดำเนินการนี้เรียกว่าตัวดำเนินการกำหนดเพิ่มเติม สะดวกกว่าตัวแปรปกติ =X + Y syntax

เครื่องหมายบวกและเครื่องหมายเท่ากับ? นั่นคือการพิมพ์ผิด? ใน JavaScript เครื่องหมายบวกและเท่ากับเคียงข้างกันมีความหมายของตัวเอง เป็นโอเปอเรเตอร์กำหนดการเพิ่ม JavaScript

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

ตัวดำเนินการ JavaScript +=คืออะไร

ตัวดำเนินการ JavaScript +=เพิ่มค่าทางด้านขวาของตัวดำเนินการไปยังตัวแปรทางด้านซ้าย ค่าผลลัพธ์ถูกกำหนดให้กับตัวแปรทางด้านซ้าย โอเปอเรเตอร์นี้เรียกว่าโอเปอเรเตอร์การกำหนดเพิ่มเติม

มาดูไวยากรณ์ของโอเปอเรเตอร์นี้กัน:

let welcome = "Hello there, ";

console.log(welcome += "Sophie.");

เราได้ประกาศตัวแปร JavaScript ที่เรียกว่า “welcome” ซึ่งมีค่าเป็น “Hello there, “. จากนั้นเราได้เพิ่ม “โซฟี ถึงค่านี้ โอเปอเรเตอร์การกำหนดเพิ่มเติมจะเพิ่มค่าสองค่านี้แล้วกำหนดผลลัพธ์ให้กับตัวแปร "ยินดีต้อนรับ"

รหัสของเราส่งคืน:

Hello there, Sophie. 

โอเปอเรเตอร์นี้มีการใช้งานสองแบบ ใช้สำหรับบวกเลขสองตัวเข้าด้วยกัน นอกจากนี้ยังใช้เพื่อเพิ่มค่าของสองสตริงเข้าด้วยกัน

81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้

ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก

ผู้ดำเนินการมอบหมายเป็นอีกวิธีหนึ่งในการพูดว่า:

x = x + y

โอเปอเรเตอร์การกำหนดเพิ่มเติมเป็นวิธีหนึ่งในการทำให้โค้ดของคุณอ่านง่ายขึ้น เครื่องหมาย +=มีความชัดเจนมากกว่าการเขียน “variable =x + y” เพื่อเพิ่มค่าสองค่าและกำหนดผลลัพธ์ให้กับตัวแปร

คุณมักจะเห็นตัวดำเนินการกำหนดการเพิ่มในลูปพร้อมตัวนับที่ติดตามจำนวนครั้งที่ดำเนินการลูป

JavaScript +=โอเปอเรเตอร์:การเพิ่มตัวเลข

ตัวดำเนินการกำหนดการเพิ่มช่วยให้คุณสามารถบวกตัวเลขสองตัวเข้าด้วยกัน มาสร้างโปรแกรมที่นับจำนวนครั้งที่ “The Count of Monte Cristo” ปรากฏในรายการกัน รายการนี้ประกอบด้วยผลการสำรวจ "หนังสือแห่งปี" ของชมรมหนังสือ

เราจะเริ่มต้นด้วยการกำหนดอาร์เรย์ JavaScript ที่มีชื่อหนังสือ นอกจากนี้ เราจะประกาศตัวแปรเพื่อติดตามจำนวนครั้งที่หนังสือที่เรากำลังค้นหาปรากฏ:

var books = ["The Count of Monte Cristo", "All My Sons", "Of Mice and Men", "The Count of Monte Cristo", "To Have and Have Not"];
var count = 0;

ต่อไป เราจะเขียน JavaScript for loop ซึ่งวนรอบรายการนี้และนับจำนวนครั้งที่ “The Count of Monte Cristo” ปรากฏขึ้น:

for (b in books) {
	if (books[b] === "The Count of Monte Cristo") {
		count += 1
	}
}

console.log(`The Count of Monte Cristo was voted Book of the Year ${count} times.`);

สิ่งนี้สำหรับการวนซ้ำผ่านรายการ "หนังสือ" สำหรับหนังสือแต่ละเล่มในรายการ โปรแกรมของเราจะตรวจสอบว่าชื่อหนังสือเท่ากับ "The Count of Monte Cristo" หรือไม่ หากใช่ เราจะใช้ตัวดำเนินการกำหนดเพิ่มเติมเพื่อเพิ่มค่า "นับ" เป็น 1 มิฉะนั้น จะไม่มีอะไรเกิดขึ้น

เมื่อวนรอบของเราทำงาน โปรแกรมของเราจะพิมพ์จำนวนครั้งที่หนังสือปรากฏในรายการของเรา ลองใช้รหัสของเรา:

The Count of Monte Cristo was voted Book of the Year 2 times.

รหัสของเรานับจำนวนครั้งที่หนังสือปรากฏในรายการ

รหัสของเรานับจำนวนครั้งที่หนังสือปรากฏในรายการ

+=โอเปอเรเตอร์ JavaScript:สตริง

ตัวดำเนินการ JavaScript +=สามารถรวมสองสตริงเข้าด้วยกัน โอเปอเรเตอร์นี้สะดวกกว่ารูปแบบยาว “variable =x + y” ไวยากรณ์

ตัวอย่างเช่น สมมติว่าคุณมีชื่อและนามสกุลของผู้ใช้เป็นสองสตริง คุณสามารถใช้ตัวดำเนินการ +=เพื่อรวมค่าเหล่านี้เป็นสตริงเดียวได้

มาสร้างโปรแกรมที่ตรวจสอบเค้กที่ขึ้นต้นด้วย "B" ในรายการกันเถอะ หากเค้กนั้นขึ้นต้นด้วย "B" ก็ควรเพิ่มลงในสตริงใหม่ ไม่เช่นนั้นจะไม่มีอะไรเกิดขึ้น

เราจะเริ่มต้นด้วยการกำหนดรายการและสตริง:

var cakes = ["Babka", "Raspberry Ganache", "Strawberry Cheesecake", "Baked Alaska"];
var start_with_b = "| ";

ตัวแปร "start_with_b" จะมีเค้กทั้งหมดที่ขึ้นต้นด้วย "B" เริ่มแรก ค่าของมันคือ “| ”.

ต่อไป เราจะสร้าง for loop เพื่อวนซ้ำทุกๆ เค้ก และตรวจสอบว่าแต่ละเค้กขึ้นต้นด้วย "B" หรือไม่:

for (cake in cakes) {
	if (cakes[cake].startsWith("B")) {
		var message = cakes[cake] + " | ";
		start_with_b += message
	}
}

console.log(start_with_b);

เราใช้เมธอด JavaScript startWith() เพื่อตรวจสอบว่าเค้กแต่ละรายการในรายการของเราเริ่มต้นด้วย “B”

หากเค้กเริ่มต้นด้วย "B" คำสั่ง if ของเราจะทำงาน ภายในคำสั่ง if เราประกาศตัวแปรที่เรียกว่า "ข้อความ" สิ่งนี้เพิ่ม “ | ” ต่อท้ายชื่อเค้กทุกอัน เราทำเช่นนี้เพื่อให้ปรากฏแยกกันในสตริงของเรา

ต่อไป เราใช้ตัวดำเนินการมอบหมายเพื่อเพิ่มเนื้อหาของ “ข้อความ” ต่อท้ายตัวแปร “start_with_b”

เรียกใช้รหัสของเรา:

| Babka | Baked Alaska | 

รหัสของเราส่งคืนรายการเค้กทั้งหมดที่ขึ้นต้นด้วย “B”

ทางเลือกในการผสานสองสตริงคือการใช้ตัวดำเนินการต่อหรือวิธี concat() หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการเหล่านี้ โปรดดูคู่มือการต่อสตริง JavaScript

บทสรุป

ตัวดำเนินการการกำหนดการบวก (+=) จะเพิ่มค่าให้กับค่าอื่นและกำหนดค่าผลลัพธ์ให้กับตัวแปร มักใช้เพื่อเพิ่มค่าที่ส่วนท้ายของสตริงหรือเพื่อเพิ่มค่าตัวเลขเข้าด้วยกัน

คุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ JavaScript หรือไม่? ดูคู่มือ How to Learn JavaScript ฉบับสมบูรณ์สำหรับเคล็ดลับและคำแนะนำในการเรียนรู้จากผู้เชี่ยวชาญเกี่ยวกับหนังสือและหลักสูตรออนไลน์ชั้นนำ