Cách sử dụng Toán tử JavaScript + =

Một dấu cộng và một dấu bằng với nhau? Đó có phải là lỗi đánh máy không? Trong JavaScript, dấu cộng và dấu bằng cạnh nhau có ý nghĩa riêng. Nó là toán tử gán bổ sung JavaScript.

Trong hướng dẫn này, chúng ta sẽ nói về toán tử JavaScript + =là gì và nó hoạt động như thế nào. Chúng tôi sẽ giới thiệu cho các bạn một ví dụ về toán tử này đang hoạt động để giúp bạn tìm hiểu cách sử dụng nó.

Toán tử JavaScript + =là gì?

Toán tử JavaScript + =thêm giá trị ở bên phải của toán tử vào biến ở bên trái. Giá trị kết quả sau đó được gán cho biến ở bên trái. Toán tử này được gọi là toán tử gán bổ sung.

Hãy xem cú pháp của toán tử này:

let welcome = "Hello there, ";

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

Chúng tôi đã khai báo một biến JavaScript có tên là “welcome” có giá trị là “Hello there”. Sau đó, chúng tôi đã thêm “Sophie. đến giá trị này. Toán tử gán bổ sung sẽ thêm hai giá trị này và sau đó gán kết quả cho biến “welcome”.

Mã của chúng tôi trả về:

Hello there, Sophie. 

Toán tử này có hai cách sử dụng. Nó được sử dụng để cộng hai số với nhau. Nó cũng được sử dụng để thêm các giá trị của hai chuỗi với nhau.

81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.

Sinh viên tốt nghiệp bootcamp trung bình đã dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.

Toán tử gán là một cách nói khác:

x = x + y

Toán tử gán bổ sung là một cách để làm cho mã của bạn dễ đọc hơn. Dấu + =rõ ràng hơn nhiều so với việc viết “biến =x + y” để thêm hai giá trị và gán kết quả cho một biến.

Bạn sẽ thường thấy toán tử gán phép cộng trong các vòng lặp có bộ đếm theo dõi số lần vòng lặp đã thực thi.

JavaScript + =Toán tử:Thêm số

Toán tử gán phép cộng cho phép bạn cộng hai số với nhau. Hãy tạo một chương trình đếm số lần “Bá tước Monte Cristo” xuất hiện trong danh sách. Danh sách này chứa các kết quả của cuộc bình chọn “Sách của năm” của câu lạc bộ sách.

Chúng ta sẽ bắt đầu bằng cách xác định một mảng JavaScript chứa tên của các cuốn sách. Chúng tôi cũng sẽ khai báo một biến để theo dõi số lần cuốn sách mà chúng tôi đang tìm kiếm xuất hiện:

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;

Tiếp theo, chúng tôi sẽ viết một JavaScript cho vòng lặp lặp qua danh sách này và đếm số lần "Bá tước Monte Cristo" xuất hiện:

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.`);

Vòng lặp for này lặp lại qua danh sách "sách". Đối với mỗi cuốn sách trong danh sách, chương trình của chúng tôi sẽ kiểm tra xem tên sách có ngang bằng với “Bá tước Monte Cristo” hay không. Nếu đúng như vậy, chúng tôi sử dụng toán tử gán phép cộng để tăng giá trị của "count" lên 1. Nếu không, không có gì xảy ra.

Khi vòng lặp của chúng tôi đã chạy, chương trình của chúng tôi sẽ in ra số lần cuốn sách đã xuất hiện trong danh sách của chúng tôi. Hãy thử mã của chúng tôi:

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

Mã của chúng tôi đã đếm số lần cuốn sách xuất hiện trong danh sách.

Mã của chúng tôi đã đếm số lần cuốn sách xuất hiện trong danh sách.

+ =JavaScript toán tử:Chuỗi

Toán tử JavaScript + =có thể hợp nhất hai chuỗi với nhau. Toán tử này thuận tiện hơn so với cú pháp "biến =x + y" dạng dài.

Ví dụ:giả sử bạn có họ của người dùng và họ trong hai chuỗi. Bạn có thể sử dụng toán tử + =để hợp nhất các giá trị này thành một chuỗi.

Hãy tạo một chương trình kiểm tra bất kỳ chiếc bánh nào bắt đầu bằng chữ “B” trong danh sách. Nếu chiếc bánh đó bắt đầu bằng chữ “B”, nó sẽ được thêm vào một chuỗi mới. Nếu không, sẽ không có gì xảy ra.

Chúng ta sẽ bắt đầu bằng cách xác định một danh sách và một chuỗi:

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

Biến “start_with_b” sẽ chứa tất cả các bánh bắt đầu bằng “B”. Ban đầu, giá trị của nó là “| ”.

Tiếp theo, chúng tôi sẽ tạo một vòng lặp for để lặp lại từng chiếc bánh và kiểm tra xem mỗi chiếc bánh có bắt đầu bằng “B” hay không:

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

console.log(start_with_b);

Chúng tôi sử dụng phương thức JavaScript startedWith () để kiểm tra xem mỗi chiếc bánh trong danh sách của chúng tôi có bắt đầu bằng “B” hay không.

Nếu một chiếc bánh bắt đầu bằng “B”, câu lệnh if của chúng ta sẽ chạy. Bên trong câu lệnh if, chúng ta khai báo một biến được gọi là "message". Điều này cho biết thêm “| ”Đến cuối mỗi tên bánh. Chúng tôi làm điều này để chúng xuất hiện riêng biệt trong chuỗi của chúng tôi.

Tiếp theo, chúng tôi sử dụng toán tử gán để thêm nội dung của “message” vào cuối biến “start_with_b”.

Hãy chạy mã của chúng tôi:

| Babka | Baked Alaska | 

Mã của chúng tôi trả về danh sách tất cả các loại bánh bắt đầu bằng “B”.

Giải pháp thay thế để hợp nhất hai chuỗi là sử dụng toán tử nối hoặc phương thức concat (). Để tìm hiểu thêm về các phương pháp này, hãy xem hướng dẫn nối chuỗi JavaScript của chúng tôi.

Kết luận

Toán tử gán cộng (+ =) thêm một giá trị vào một giá trị khác và gán giá trị kết quả cho một biến. Nó thường được sử dụng để thêm các giá trị vào cuối một chuỗi hoặc để thêm các giá trị số với nhau.

Bạn có muốn tìm hiểu thêm về JavaScript? Xem hướng dẫn Cách học JavaScript đầy đủ của chúng tôi để biết các mẹo học tập của chuyên gia và hướng dẫn về các sách và khóa học trực tuyến hàng đầu.