Hướng dẫn what is string addition operator in javascript? - toán tử cộng chuỗi trong javascript là gì?

Cập nhật lần cuối vào ngày 19 tháng 8 năm 2022 21:51:09 (UTC/GMT +8 giờ)

Kết hợp chuỗi

Khi làm việc với các chuỗi JavaScript đôi khi bạn cần tham gia hai hoặc nhiều chuỗi với nhau thành một chuỗi. Kết hợp nhiều chuỗi với nhau được gọi là nối.

Các toán tử nối

Toán tử nối (+) kết hợp hai hoặc nhiều giá trị chuỗi với nhau và trả về một chuỗi khác là sự kết hợp của hai chuỗi toán hạng.

Toán tử gán tốc ký += cũng có thể được sử dụng để nối các chuỗi.

Example:

Tài liệu Web sau đây cho thấy việc sử dụng toán tử kết nối ( +) và toán tử gán tốc tốc +=.

Mã HTML




JavaScript string operator example.





Mã JS

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

Xem ví dụ trong trình duyệt

Thực hành ví dụ trên trực tuyến

Xem Chuỗi PEN-Toán tử-1 bằng W3Resource (@W3Resource) trên CodePen.

Trước: JavaScript: toán tử logic - và, hoặc, notnext: javaScript: toán tử có điều kiện JavaScript: Logical Operators - AND, OR, NOT
Next: JavaScript: Conditional Operator

JavaScript: Lời khuyên trong ngày

Hàm getList

const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))

Hàm GetList nhận được một mảng làm đối số của nó. Giữa các dấu ngoặc đơn của hàm getList, chúng tôi phá hủy mảng này ngay lập tức. Bạn có thể thấy điều này như:

[x, ...y] = [1, 2, 3, 4]

Với tham số còn lại ... y, chúng tôi đặt tất cả các đối số "còn lại" trong một mảng. Các đối số còn lại là 2, 3 và 4 trong trường hợp này. Giá trị của y là một mảng, chứa tất cả các tham số còn lại. Giá trị của x bằng 1 trong trường hợp này, vì vậy khi chúng ta đăng nhập [x, y], [1, [2, 3, 4]] được ghi lại. Hàm GetUser nhận được một đối tượng. Với các hàm mũi tên, chúng ta không phải viết dấu ngoặc xoăn nếu chúng ta trả về một giá trị. Tuy nhiên, nếu bạn muốn trả về một đối tượng từ hàm mũi tên, bạn phải viết nó giữa các dấu ngoặc đơn, nếu không, không có giá trị nào được trả về! Hàm sau sẽ trả về một đối tượng: const getUser = user => ({name: user.name, tuổi: user.age}) Vì không có giá trị nào được trả về trong trường hợp này, hàm trả về không xác định.
The getUser function receives an object. With arrow functions, we don't have to write curly brackets if we just return one value. However, if you want to return an object from an arrow function, you have to write it between parentheses, otherwise no value gets returned! The following function would have returned an object:
const getUser = user => ({ name: user.name, age: user.age })
Since no value gets returned in this case, the function returns undefined.

Tham khảo: https://bit.ly/3jfrbje

Ngày 29 tháng 7 năm 2019

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

Toán tử var newParagraph = document.createElement("p"); var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com'); newParagraph.appendChild(newText); document.body.appendChild(newParagraph); var string1= 'google'; var newParagraph2 = document.createElement("p"); var newText1 = document.createTextNode('string1='+string1); newParagraph2.appendChild(newText1); document.body.appendChild(newParagraph2); string1 +='.com'; var newParagraph2 = document.createElement("p"); var newText1 = document.createTextNode('string1='+string1); newParagraph2.appendChild(newText1); document.body.appendChild(newParagraph2); 4

Toán tử

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

4 tương tự bạn sử dụng để thêm hai số có thể được sử dụng để kết hợp hai chuỗi.

const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'

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

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

6, trong đó
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

7 là tốc ký cho
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

8.

let str = 'Hello';
str += ' ';
str += 'World';
str; // 'Hello World'

Nếu phía bên trái của toán tử

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

4 là một chuỗi, JavaScript sẽ ép buộc phía bên tay phải thành một chuỗi. Điều đó có nghĩa là an toàn để nối các đối tượng, số,
const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
0 và
const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
1.

let str = 'Values: ';
str += 42;
str += ' ';

str += {};
str += ' ';

str += null;

str; // 'Values: 42 [object Object] null'

Các nhà khai thác

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

4 và
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

6 nhanh chóng trên các động cơ JavaScript hiện đại, vì vậy không cần phải lo lắng về một cái gì đó như lớp StringBuilder của Java.

const getList = ([x, ...y]) => [x, y] const getUser = user => { name: user.name, age: user.age } const list = [1, 2, 3, 4] const user = { name: "Owen", age: 23 } console.log(getList(list)) console.log(getUser(user)) 4

Hàm

const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
4 tạo ra một chuỗi mới từ việc kết hợp tất cả các phần tử trong một mảng. Ví dụ:

['Hello', ' ', 'World'].join(''); // 'Hello World'

Tham số đầu tiên của

const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
6 được gọi là dấu phân cách. Theo mặc định, dấu phân cách là một dấu phẩy duy nhất
const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
7.

['a', 'b', 'c'].join(); // 'a,b,c'

Bạn có thể vượt qua bất kỳ dấu phân nào bạn muốn. Dấu tách thực hiện

const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
4 lựa chọn ưa thích cho các chuỗi kết hợp 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
const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
9 làm dấu phân cách để tham gia một loạt các từ:

// 'Twas the night before Christmas'
['Twas', 'the', 'night', 'before', 'Christmas'].join(' ');

Hoặc bạn có thể sử dụng

[x, ...y] = [1, 2, 3, 4]
0 để kết hợp các mảnh URL cùng nhau:

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

0

Dấu tách làm cho

const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
4 một cách rất linh hoạt để nối các chuỗi. Nếu bạn muốn kết hợp với nhau một số lượng chuỗi khác nhau, bạn thường nên sử dụng
const getList = ([x, ...y]) => [x, y]
const getUser = user => { name: user.name, age: user.age }

const list = [1, 2, 3, 4]
const user = { name: "Owen", age: 23 }

console.log(getList(list))
console.log(getUser(user))
6 thay vì vòng
[x, ...y] = [1, 2, 3, 4]
3 với
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

4.

[x, ...y] = [1, 2, 3, 4] 5

Các chuỗi JavaScript có phương pháp

[x, ...y] = [1, 2, 3, 4]
6 tích hợp. Hàm
[x, ...y] = [1, 2, 3, 4]
6 có một hoặc nhiều tham số và trả về chuỗi được sửa đổi. Các chuỗi trong JavaScript là bất biến, vì vậy
[x, ...y] = [1, 2, 3, 4]
6 không sửa đổi chuỗi tại chỗ.

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

1

Nhược điểm của việc sử dụng

[x, ...y] = [1, 2, 3, 4]
6 là bạn phải chắc chắn
const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
0 là một chuỗi. Bạn có thể chuyển các tham số không chuỗi sang
[x, ...y] = [1, 2, 3, 4]
6, nhưng bạn sẽ nhận được một kiểu mẫu nếu
const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
2.

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

2

Hàm

[x, ...y] = [1, 2, 3, 4]
6 hiếm khi được sử dụng vì nó có nhiều trường hợp lỗi hơn toán tử
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

4. Ví dụ: bạn sẽ nhận được hành vi bất ngờ nếu bạn gọi
[x, ...y] = [1, 2, 3, 4]
6 trên một giá trị xảy ra là một mảng. Bạn nên sử dụng
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

4 thay vì
[x, ...y] = [1, 2, 3, 4]
6 trừ khi bạn có lý do rất chính đáng.

Nếu bạn phải sử dụng

[x, ...y] = [1, 2, 3, 4]
6, tốt nhất nên gọi nó trên một chuỗi trống:

var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("'google' + '.' + ' com=" + 'google' + '.' + ' com');
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var string1= 'google';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2);

string1 +='.com';
var newParagraph2 = document.createElement("p"); 
var newText1 = document.createTextNode('string1='+string1);
newParagraph2.appendChild(newText1);
document.body.appendChild(newParagraph2); 

3

Hướng dẫn cơ bản hơn

  • Sao chép JavaScript vào Clipboard
  • Tính trung bình của một mảng trong JavaScript
  • Hàm encodeuricomponent () trong javascript
  • Cách kiểm tra xem một ngày nằm giữa hai ngày trong JavaScript
  • Kiểm tra chuỗi cho các số trong JavaScript
  • Đổi tên các biến khi sử dụng phá hủy đối tượng trong JavaScript
  • Chia trên nhiều ký tự trong JavaScript

Toán tử chuỗi trong JavaScript là gì?

Một toán tử chuỗi trong JavaScript, chỉ cần đặt, là một toán tử hoạt động trên một chuỗi. Chỉ có hai toán tử mà JavaScript hỗ trợ để sửa đổi một chuỗi. Các toán tử này cho phép bạn tham gia một chuỗi sang một chuỗi khác một cách dễ dàng. Các nhà khai thác này được gọi là phân công của người khác.an operator that operates on a string. There are only two operators that JavaScript supports for modifying a string. These operators allow you to join one string to another easily. These operators are called “concatenate” and “concatenate assignment“.

Làm thế nào để bạn tổng hợp một chuỗi trong javascript?

Thêm chuỗi dưới dạng số trong JavaScript #..
Chuyển từng chuỗi đến đối tượng số để chuyển đổi nó thành một số ..
Sử dụng toán tử bổ sung (+), ví dụ: Số ('1') + số ('2') ..
Toán tử bổ sung sẽ trả về tổng của các số ..

Bạn có thể bổ sung với chuỗi không?

Thêm chuỗi với nhau theo nhiều cách khác nhau.Toán tử cho phép bạn kết hợp một chuỗi với một chuỗi khác, với một mảng ký tự không đổi, biểu diễn ASCII của một số không đổi hoặc biến hoặc một ký tự không đổi.trả về một số nguyên.operator allows you to combine a String with another String, with a constant character array, an ASCII representation of a constant or variable number, or a constant character. returns an integer.

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

Toán tử += thêm giá trị bên phải của nó vào biến hoặc thuộc tính bên trái của nó và gán kết quả cho biến hoặc thuộc tính bên trái của nó.adds the value on its right to the variable or property on its left, and assigns the result to the variable or property on its left.