Javascript nối chuỗi và biến trong html

Để tạo một chuỗi từ một chuỗi và một biến được truyền trong JS, hãy sử dụng phép nối để kết hợp biến với một chuỗi khác

Đơn giản chỉ cần thêm một dấu cộng + giữa các chuỗi hoặc biến chuỗi mà bạn muốn kết nối


	let animal = 'Horse';
	console.log['My favorite animal is the ' + animal + '.']; 

JavaScript nối chuỗi và biến Ví dụ

mã ví dụ HTML. -

Cả hai biến Chuỗi và Chuỗi hoặc Chuỗi và biến số nguyên đều được nối theo cùng một cách trong JavaScript




	
		let animal = 'Horse';
		console.log['My favorite animal is the ' + animal + '.'];

		var day = "6" 
		console.log["Today day is " + day];
	

Ghi chú. Bạn có thể sử dụng một trích dẫn đơn hoặc một trích dẫn kép, điều đó không quan trọng miễn là bạn đang mở và đóng các trích dẫn giống nhau

đầu ra

Hãy bình luận nếu bạn có bất kỳ nghi ngờ và đề xuất nào về chủ đề Biến và chuỗi này của JS

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome

hệ điều hành. cửa sổ 10

Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Có 3 cách nối chuỗi trong JavaScript. Trong hướng dẫn này, bạn sẽ tìm hiểu các cách khác nhau và sự đánh đổi giữa chúng

Toán tử +

Toán tử + giống như bạn sử dụng để cộng hai số có thể được sử dụng để nối hai chuỗi

Bạn cũng có thể sử dụng




	
		let animal = 'Horse';
		console.log['My favorite animal is the ' + animal + '.'];

		var day = "6" 
		console.log["Today day is " + day];
	

0, trong đó



	
		let animal = 'Horse';
		console.log['My favorite animal is the ' + animal + '.'];

		var day = "6" 
		console.log["Today day is " + day];
	

1 là viết tắt của



	
		let animal = 'Horse';
		console.log['My favorite animal is the ' + animal + '.'];

		var day = "6" 
		console.log["Today day is " + day];
	

2

Nếu vế trái của toán tử + là một chuỗi, thì JavaScript sẽ ép vế phải thành một chuỗi. Điều đó có nghĩa là an toàn khi nối các đối tượng, số,




	
		let animal = 'Horse';
		console.log['My favorite animal is the ' + animal + '.'];

		var day = "6" 
		console.log["Today day is " + day];
	

4 và



	
		let animal = 'Horse';
		console.log['My favorite animal is the ' + animal + '.'];

		var day = "6" 
		console.log["Today day is " + day];
	

5

Các toán tử +




	
		let animal = 'Horse';
		console.log['My favorite animal is the ' + animal + '.'];

		var day = "6" 
		console.log["Today day is " + day];
	

0 rất nhanh trên các công cụ JavaScript hiện đại, vì vậy không cần phải lo lắng về thứ gì đó như lớp StringBuilder của Java

+1

Hàm +1 tạo một chuỗi mới từ việc nối tất cả các phần tử trong một mảng. Ví dụ

Tham số đầu tiên của +3 được gọi là dấu tách. Theo mặc định, dấu phân cách là một dấu phẩy duy nhất +4

Bạn có thể chuyển vào bất kỳ dấu phân cách nào bạn muốn. Dấu phân cách làm cho +1 trở thành lựa chọn ưu tiên để nối các chuỗi nếu bạn thấy mình lặp đi lặp lại cùng một ký tự. Ví dụ: bạn có thể sử dụng +6 làm dấu phân cách để nối một mảng các từ

Hoặc bạn có thể sử dụng +7 để nối các đoạn URL lại với nhau

Dấu phân cách làm cho +1 trở thành một cách rất linh hoạt để nối các chuỗi. Nếu bạn muốn nối nhiều chuỗi với nhau, thông thường bạn nên sử dụng vòng lặp +3 thay vì vòng lặp +0 với +

Chuỗi JavaScript có phương thức +2 tích hợp. Hàm +2 nhận một hoặc nhiều tham số và trả về chuỗi đã sửa đổi. Các chuỗi trong JavaScript là bất biến, vì vậy +2 không sửa đổi chuỗi tại chỗ

Nhược điểm của việc sử dụng +2 là bạn phải chắc chắn rằng +6 là một chuỗi. Bạn có thể chuyển các tham số không phải chuỗi cho +2, nhưng bạn sẽ nhận được TypeError nếu +8

Hàm +2 hiếm khi được sử dụng vì nó có nhiều trường hợp lỗi hơn toán tử +. Ví dụ: bạn sẽ gặp phải hành vi không mong muốn nếu gọi +2 trên một giá trị xảy ra là một mảng. Bạn nên sử dụng + thay vì +2 trừ khi bạn có lý do chính đáng

Trong hướng dẫn này, chúng ta sẽ học cách nối nhiều biến chuỗi trong JavaScript. Nhiều khi chúng ta cần nối hai chuỗi trong một biến duy nhất và sử dụng nó. Ý nghĩa đơn giản của nối là hợp nhất hai hoặc nhiều chuỗi

Ngoài ra, nối chuỗi rất hữu ích để chèn một số chuỗi con vào chuỗi cha. Ví dụ, trong khi phát triển ứng dụng, với tư cách là một lập trình viên, bạn cần cập nhật chuỗi bằng cách thêm một số chuỗi bổ sung khác vào đó. Người dùng có thể tách chuỗi trước và chèn chuỗi con bằng thao tác nối

Có nhiều phương pháp khác nhau để hợp nhất các chuỗi;

  • Sử dụng Toán tử + hoặc $ [mẫu chữ]

  • Sử dụng Phương thức String concat[]

  • Sử dụng Phương thức Array join[]

Sử dụng Toán tử + hoặc $ [mẫu chữ]

Phương pháp dễ nhất để nối hai chuỗi là sử dụng các mẫu chữ. Nói chung, các lập trình viên sử dụng toán tử + để cộng hai hoặc nhiều số, nhưng khi chúng ta sử dụng toán tử + với các biến chuỗi, nó chỉ đơn giản là hợp nhất hai chuỗi

Ngoài ra, người dùng có thể sử dụng mẫu chữ, được ký hiệu là ký hiệu $. Người dùng cần sử dụng dấu ngoặc nhọn với toán tử $

cú pháp

Thực hiện theo cú pháp dưới đây cho toán tử + và $ để nối chuỗi

let str1 = "welcome";
let str2 = "To";
let str3 = "The";
let result = str1 + str2 + str3; // using + operator;
let result = ` ${str1} ${str2} ` // using $ operator with curly braces

Thí dụ

Trong ví dụ dưới đây, chúng tôi đã sử dụng toán tử + và $ để nối nhiều biến chuỗi với chuỗi bình thường

Concatenate multiple string variables in JavaScript.

Concatenating the "Welcome " "To " "The " "TutorialsPoint ", using the + operator.

Concatenate the strings "Hello " "Programmers! " using the $ operator.

Sử dụng Phương thức String concat[]

chuỗi. phương thức concat[] là phương thức thư viện chuỗi JavaScript tích hợp sẵn mà chúng ta có thể sử dụng để hợp nhất hai hoặc nhiều chuỗi. Phương thức concat[] trả về chuỗi mới sau khi hợp nhất chuỗi hiện có với các chuỗi khác mà không ảnh hưởng đến chuỗi hiện có

Nó cũng đơn giản hơn để sử dụng và lập trình viên có thể làm theo cú pháp bên dưới để sử dụng phương thức concat[] với nhiều chuỗi

cú pháp

string1.concat[ string2, string3, string4 ];

Thông số

  • string1 - Đây là chuỗi hiện có mà chúng ta cần hợp nhất nhiều chuỗi

  • string2, … - Truyền nhiều chuỗi dưới dạng tham số để hợp nhất chúng với chuỗi hiện có

Thí dụ

Trong ví dụ dưới đây, chúng ta sẽ truyền hai chuỗi dưới dạng tham số của phương thức concat[] để hợp nhất nó với chuỗi thứ ba hiện có. Nó sẽ trả về một chuỗi mới mà người dùng có thể quan sát được ở đầu ra

Concatenate multiple string variables in JavaScript.

Concatenating the "is a " "computer science portal " with the "TutorialsPoint " string, using the concat[] method.

Sử dụng Phương thức Array join[]

Mảng. tham gia [] cũng là một phương thức thư viện tích hợp trong JavaScript, rất hữu ích để nối tất cả các giá trị mảng trong một biến duy nhất. Chúng ta sẽ tạo một mảng các chuỗi, thêm các chuỗi theo thứ tự mà chúng ta muốn hợp nhất

cú pháp

Người dùng có thể làm theo cú pháp dưới đây để sử dụng mảng. phương thức tham gia []

let strArray = [string1, string2 , string3, … ];
let resultantString = strArray.join[" "]; // join strings with space

Thí dụ

Trong ví dụ dưới đây, chúng tôi đã sử dụng mảng. phương thức join[] để nối tất cả các chuỗi của mảng. mảng. Phương thức join[] lặp qua tất cả các chuỗi của mảng, hợp nhất từng chuỗi một thành một chuỗi mới và trả về biến chuỗi mới

Concatenate multiple string variables in JavaScript.

Concatenating all strings of array ["abc", "def", "ghi"] , using the array.join[] method.

Ở kết quả trên, người dùng có thể thấy rằng tất cả các chuỗi mảng được hợp nhất với ký tự khoảng trắng. Tuy nhiên, chúng ta có thể thay đổi ký tự phân cách để nối chuỗi và người dùng có thể truyền nó dưới dạng tham số của mảng. phương thức tham gia []

Chúng tôi đã học được ba phương pháp khác nhau, hai cách nối các chuỗi. Mọi phương pháp đều hữu ích trong các tình huống khác nhau. Phương thức đầu tiên được sử dụng khi chúng ta cần hợp nhất các biến và phương thức thứ hai cũng hữu ích theo cách tương tự. mảng. Phương thức join[] rất hữu ích khi chúng ta cần hợp nhất mảng các chuỗi

Làm cách nào để nối myVar với một chuỗi bằng JavaScript?

Sử dụng toán tử cộng [+] để nối một chuỗi với một biến, e. g. 'xin chào' + myVar. Toán tử cộng [+] được sử dụng để nối các chuỗi hoặc tổng các số.

Các biến có thể được kết hợp với các chuỗi không?

Để kết hợp giá trị của hai hoặc nhiều biến hoặc chuỗi văn bản thành một giá trị văn bản duy nhất, bạn sử dụng hàm nối chuỗi .

Bạn có thể nối các chuỗi trong HTML không?

giá trị đầu vào =”nối” giá trị sẽ được hiển thị trên nút đó. onClick là sự kiện sẽ thực thi mã javascript. addTwoString[] sẽ trả về chuỗi được nối. . Nối hai chuỗi trong HTML

Chúng ta có thể nối chuỗi và số nguyên trong JavaScript không?

Nối chuỗi và các biến khác trong Javascript . Chúng ta có thể làm nhiều hơn là nối các chuỗi trong Javascript. chúng ta có thể nối các số nguyên và boolean thành chuỗi .

Chủ Đề