3 cách Nối Chuỗi trong Js cơ bản đến nâng cao

Đây là 3 cách thường dùng giúp bạn nối chuỗi trong javascript đó là sử dụng toán tử +, dùng hàm concat(), và Template Strings. Hãy cùng unitop.vn theo dõi nhanh về cách sử dụng trong thực tế.

Nối chuỗi với toán tử +

Toán tử + trong JavaScript không chỉ dùng để thực hiện phép cộng số học mà còn có thể sử dụng để nối chuỗi.

var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2; // Kết quả sẽ là "Hello World"

• Trong ví dụ này, chúng ta có hai biến str1 và str2 chứa hai chuỗi khác nhau.
• Chúng ta sử dụng toán tử + để nối chuỗi str1 và str2 với một khoảng trắng ở giữa bằng cách sử dụng + " " +.
• Kết quả là chuỗi mới result chứa nội dung của str1 sau đó có một khoảng trắng và tiếp theo là nội dung của str2.

Nối chuỗi với hàm concact()

Phương thức concat() là một phương thức của chuỗi trong JavaScript, được sử dụng để nối nhiều chuỗi lại với nhau.

var str1 = "Hello";
var str2 = "World";
var result = str1.concat(" ", str2); // Kết quả sẽ là "Hello World"

• Trong ví dụ này, chúng ta có hai biến str1 và str2 chứa hai chuỗi khác nhau.
• Chúng ta sử dụng phương thức concat() trên biến str1, và truyền chuỗi str2 vào đó như một tham số.
• Kết quả là chuỗi mới result chứa nội dung của str1 sau đó có một khoảng trắng và tiếp theo là nội dung của str2.

Nối chuỗi với Template String

Template Strings là một tính năng của ECMAScript 6 (ES6) trở lên, cho phép bạn tạo chuỗi dễ đọc và mở rộng bằng cách sử dụng cặp dấu “ (backticks).

var str1 = "Hello";
var str2 = "World";
var result = `${str1} ${str2}`; // Kết quả sẽ là "Hello World"

• Trong ví dụ này, chúng ta sử dụng Template Strings với biến str1 và str2 bằng cách đặt chúng trong ${}. Các biểu thức JavaScript có thể được đặt trong ${}.
• Trong trường hợp này, chúng ta không cần phải sử dụng toán tử + hoặc phương thức concat(). Template Strings tự động nối các phần của chuỗi lại với nhau và cảm ứng biểu thức JavaScript nếu có.
• Kết quả là chuỗi mới result chứa nội dung của str1 sau đó có một khoảng trắng và tiếp theo là nội dung của str2.

Kết luận

Trên là 3 cách giúp bạn có thể nối chuỗi trong js(javascript dễ dàng) trong đó nối chuỗi với Teamplate String(ES6) cách thông minh được tôi sử dụng nhiều nhất.

Không chỉ nối chuỗi mà giúp ta có thể nhúng biến và biểu thức vào chuỗi dễ dàng tiện lợi.

Còn bạn thích dùng cách nào trong 3 cách trên hãy để lại bình luận ở phần comment bên dưới để trao đổi sâu hơn nhé.

***Nếu bạn muốn học Javacript bài bản có hệ thống để từ đó có thể xây dựng dự án kiếm thu nhập từ nghề lập trình web bạn có thể xem thêm lộ trình Js Beginner tại https://unitop.vn. Đây là lựa chọn không nên bỏ qua.