Nối các thẻ html trong javascript

Hàm concat() trong JavaScript được sử dụng để nối hai hoặc nhiều chuỗi lại với nhau mà không thay đổi chuỗi ban đầu và trả về một chuỗi mới

cú pháp

str.concat(string2, string3, string4,......, stringN)

Tranh luận. Các đối số của hàm này là các chuỗi cần được nối với nhau. Số lượng đối số của hàm này bằng với số chuỗi được nối với nhau

Giá trị trả về. Hàm này trả về một chuỗi mới là sự kết hợp của tất cả các chuỗi khác nhau được truyền cho nó làm đối số

Dưới đây là một ví dụ về Phương thức concat()

Thí dụ.  

JavaScript




Geeks for Geeks
7

Geeks for Geeks
8
Geeks for Geeks
9

Geeks for Geeks
8
Geeks for Geeks
0
Geeks for Geeks
1

Geeks for Geeks
2

Geeks for Geeks
3____14

Geeks for Geeks
3
Geeks for Geeks
6
Geeks for Geeks
7
Geeks for Geeks
8
Geeks for Geeks
9

Geeks for Geeks
2

Geeks for Geeks
3____132

Geeks for Geeks
3_______16
Geeks for Geeks
35____136
Geeks for Geeks
37
Geeks for Geeks
38
Geeks for Geeks
39

Geeks for Geeks
3____221

Geeks for Geeks
8
Geeks for Geeks
23

Geeks for Geeks
8
Geeks for Geeks
25

Geeks for Geeks
26

đầu ra

Geeks for Geeks

Một ví dụ về chức năng trên được cung cấp dưới đây.  

ví dụ 1

Geeks for Geeks
3

đầu ra

Geeks for Geeks
2

Trong ví dụ này, hàm concat() kết hợp “It” với “is”, “a”, “good”, “day. ” để tạo một chuỗi cuối cùng chứa tất cả các chuỗi.  

Mã cho chức năng trên được cung cấp bên dưới.  

ví dụ 1.  

JavaScript




Geeks for Geeks
7

Geeks for Geeks
9

Geeks for Geeks
0
Geeks for Geeks
1

Geeks for Geeks
21

Geeks for Geeks
8
Geeks for Geeks
4

Geeks for Geeks
8
Geeks for Geeks
6
Geeks for Geeks
7
Geeks for Geeks
27
Geeks for Geeks
9

Geeks for Geeks
21

Geeks for Geeks
8
Geeks for Geeks
32

Geeks for Geeks
8
Geeks for Geeks
6
Geeks for Geeks
35_______415
Geeks for Geeks
37____417
Geeks for Geeks
37
Geeks for Geeks
19
Geeks for Geeks
37
Geeks for Geeks
71
Geeks for Geeks
39

Geeks for Geeks
8
Geeks for Geeks
21

Geeks for Geeks
23

Geeks for Geeks
25

Geeks for Geeks
26

đầu ra

Geeks for Geeks
2

Hàm concat() cũng có thể được sử dụng để nối các chuỗi được lưu trữ trong hai hoặc nhiều biến. Ngoài ra, khoảng trắng cũng có thể được thêm vào chuỗi bằng cách sử dụng hàm concat()

Ví dụ 2. Trong ví dụ này, chúng ta sẽ thấy nối của hai chuỗi được lưu trữ trong các biến khác nhau, chúng ta cũng sẽ thấy cách bao gồm khoảng trắng giữa các chuỗi.

Điều rất quan trọng là tìm hiểu cách chuỗi hoạt động và nội dung bên trong của hoạt động chuỗi trong bất kỳ ngôn ngữ nào bạn học. Một trong những nhiệm vụ quan trọng là hiểu cách các chuỗi có thể được nối với nhau để có được chuỗi kết quả chứa các chuỗi kết hợp ở định dạng mong muốn. Nhiều ngôn ngữ cung cấp các lớp cho các thao tác chuỗi chẳng hạn như java cung cấp các lớp StringBuilder và StringBuffer để tối ưu hóa khối lượng công việc thao tác chuỗi cho hiệu quả về bộ nhớ và thời gian. Chúng ta có thể nối các chuỗi trong javascript bằng cách sử dụng các kỹ thuật khác nhau. Chúng ta sẽ thảo luận về ba kỹ thuật ở đây. Cái đầu tiên trong số đó là phương thức concat() là String. nguyên mẫu. phương thức concat() giúp kết hợp các số lượng chuỗi khác nhau thành chuỗi chính và trả về một chuỗi được nối mới mà không ảnh hưởng đến chuỗi ban đầu. Phương pháp thứ hai là sử dụng toán tử + và phương pháp thứ ba là đẩy tất cả các tham số chuỗi vào một mảng và cuối cùng sử dụng phương thức nối() của mảng để truy xuất chuỗi chứa tất cả các phần tử nối đã được đẩy vào mảng đó

Cú pháp nối chuỗi

Sau đây là cú pháp nối chuỗi sử dụng phương thức concat()

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

Geeks for Geeks
3

Cú pháp trên được giải thích chi tiết bên dưới

  • sợi dây. Đây là chuỗi chính mà bạn muốn nối các chuỗi khác vào. Nó là cần thiết để nối. Trong trường hợp bạn chỉ có các phần chuỗi sẽ được kết hợp và lấy một chuỗi duy nhất từ ​​chúng, trước tiên bạn sẽ phải khai báo một biến chuỗi trống sẽ được sử dụng ở đây để gọi phương thức concat() và sau đó chuyển các phần chuỗi
  • chuỗi 2[, …chuỗi]. Đây là tất cả các tham số tùy chọn chỉ định chuỗi nào bạn muốn đính kèm vào chuỗi chính. Ở đây, một tham số là bắt buộc. Tuy nhiên, bạn có thể tự do chỉ định và nối bất kỳ số lượng chuỗi nào và chuyển chúng dưới dạng tham số trong phương thức concat(). Cần lưu ý ở đây rằng nếu tham số đã truyền không phải là một chuỗi thì trước tiên nó được chuyển đổi thành một chuỗi và sau đó được nối với chuỗi chính
  • nối chuỗi. Đây là giá trị được trả về của phương thức concat() là chuỗi mới được tạo có chứa các kết quả nối dự kiến

Ví dụ về các chuỗi nối JavaScript

Hãy để chúng tôi hiểu hoạt động của phép nối trong javascript bằng cách sử dụng phương thức concat() của nguyên mẫu chuỗi bằng một ví dụ

Ví dụ #1 – Sử dụng Phương thức concat()

Mã số

Geeks for Geeks
4

đầu ra

Nối các thẻ html trong javascript

Đầu ra của đoạn mã trên sau khi nhấp vào nút "Hiển thị kết quả" như sau

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Nối các thẻ html trong javascript
Nối các thẻ html trong javascript
Nối các thẻ html trong javascript
Nối các thẻ html trong javascript

Nối các thẻ html trong javascript
Nối các thẻ html trong javascript
Nối các thẻ html trong javascript
Nối các thẻ html trong javascript

Giá
Xem khóa học

600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 (82.828 xếp hạng)

Nối các thẻ html trong javascript

Như chúng ta có thể thấy ở trên, kết quả hoàn toàn là một đối tượng chuỗi mới được trả về và các chuỗi ban đầu là chuỗi1, chuỗi2 và chuỗi3 không bị ảnh hưởng

Ví dụ #2 – Sử dụng + Toán tử

Toán tử + bị quá tải trong javascript đối với tham số chuỗi và có thể được sử dụng cách khác để nối chuỗi nhằm thu được kết quả mong muốn. Tương tự như concat(), thao tác này cũng bắt đầu bằng cách chuyển đổi các đối tượng sang định dạng chuỗi của chúng nếu chúng không phải là. Chúng tôi sẽ nghiên cứu các chiến lược sử dụng và triển khai của nó với sự trợ giúp của một ví dụ

Mã số

Geeks for Geeks
5

đầu ra

Nối các thẻ html trong javascript

Đầu ra của đoạn mã trên sau khi nhấp vào nút "Hiển thị kết quả" như sau

Nối các thẻ html trong javascript

Như có thể thấy từ các ví dụ trên, toán tử + coi 2 và 2 là một chuỗi riêng biệt và in ra 22 trong khi trong trường hợp * nó nhân hai số 2 và hiển thị 4. một điểm khác cần lưu ý ở đây là += là toán tử gán tốc ký và chuyển đổi giá trị chuỗi1 ở đây

string1 += string2 viết tắt của string1 = string1 + string2

Ví dụ #3 – Sử dụng phương thức join() của mảng

Trong phương thức này, trước tiên chúng ta đẩy tất cả các chuỗi mà chúng ta muốn nối vào một mảng và cuối cùng sử dụng phương thức join() của mảng để kết hợp kết quả và truy xuất chuỗi đã nối. Hãy để chúng tôi hiểu nó hoạt động với sự trợ giúp của một ví dụ

Mã số

Geeks for Geeks
6

đầu ra

Nối các thẻ html trong javascript

Đầu ra của đoạn mã trên sau khi nhấp vào nút "Hiển thị kết quả" như sau

Nối các thẻ html trong javascript

Bằng cách này, chúng ta có thể sử dụng một trong ba phương thức để nối các chuỗi trong javascript. Nếu số lượng chuỗi được nối ít hơn thì bất kỳ chuỗi nào cũng có thể được sử dụng vì tất cả chúng có độ phức tạp về thời gian và không gian ít nhiều giống nhau khi số lượng chuỗi nhỏ. Tuy nhiên, chúng ta phải cẩn thận khi nối một số lượng lớn các chuỗi và nên ưu tiên toán tử + hơn cả hai vì nó hiệu quả hơn và nhanh hơn

Bài viết được đề xuất

Đây là hướng dẫn về Chuỗi nối JavaScript. Ở đây chúng tôi thảo luận về Giới thiệu và cú pháp của chuỗi nối javascript với các ví dụ và triển khai mã. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

Tôi có thể sử dụng thẻ HTML trong JavaScript không?

Thẻ HTML . Phần tử

Nối trong JavaScript là gì?

Phương thức concat() được dùng để hợp nhất hai hay nhiều mảng . Phương thức này không thay đổi các mảng hiện có mà thay vào đó trả về một mảng mới.

Tôi có thể nối trong HTML không?

HTML là ngôn ngữ đánh dấu. Không, nó không có 'chức năng nối' .

Bạn có thể sử dụng += để nối chuỗi không?

Nối là quá trình kết hợp hai hoặc nhiều chuỗi để tạo thành một chuỗi mới bằng cách nối thêm chuỗi tiếp theo vào cuối chuỗi trước đó. Trong Java, hai chuỗi có thể được nối bằng cách sử dụng toán tử + hoặc += hoặc thông qua phương thức concat(), được định nghĩa trong java. lang thang. lớp chuỗi.