Hướng dẫn how to add in javascript string - cách thêm vào chuỗi javascript

Mảng chuỗi (danh sách) của bạn có thể hoạt động với MAP và tham gia; (Cũng có thể thay đổi chuỗi nếu bạn muốn)

var text = list.map(i => `${i}`).join(' ') 

sẽ trả lại

var text = list.map(i => `'${i}'`).join(' ') 
3

Nhưng nếu bạn muốn thêm nhiều thứ xung quanh tên, mẫu trên cũng giúp:

var text = list.map(i => `'${i}'`).join(' ') 

sẽ trả lại

var text = list.map(i => `'${i}'`).join(' ') 
4

Và trong trường hợp bạn muốn có một chuỗi tên, được phân tách bởi dấu phẩy

var text = list.map(i => `'${i}'`).join(',') 

sẽ trả lại

var text = list.map(i => `'${i}'`).join(' ') 
5

$ {} Trong JavaScript này là gì?

Một trình giữ chỗ được đại diện bởi $ {}, với bất cứ điều gì trong các dấu ngoặc xoăn được coi là javascript và bất cứ thứ gì bên ngoài các dấu ngoặc được coi là một chuỗi: const phương thức = 'nội suy' const DynamicsTring = `Chuỗi này đang sử dụng $ {Phương thức}.

Tôi có thể thêm số vào chuỗi không?
let text2 = "food";
let result = text1.concat(text2);

Một chuỗi mới chứa các chuỗi kết hợp.

Một trình giữ chỗ được đại diện bởi $ {}, với bất cứ điều gì trong các dấu ngoặc xoăn được coi là javascript và bất cứ thứ gì bên ngoài các dấu ngoặc được coi là một chuỗi: const phương thức = 'nội suy' const DynamicsTring = `Chuỗi này đang sử dụng $ {Phương thức}.

Tôi có thể thêm số vào chuỗi không?
let text2 = "world!";
let result = text1.concat(" ", text2);

Một chuỗi mới chứa các chuỗi kết hợp.

Nhiều ví dụ hơn


Tham gia ba chuỗi:

Đặt TEXT1 = "Xin chào"; hãy để Text2 = "Thế giới!"; Let Text3 = "Chúc một ngày tốt lành!"; Đặt kết quả = text1.concat ("", text2, "", text3);

Hãy tự mình thử »

Phương thức

var text = list.map(i => `'${i}'`).join(' ') 
6 trả về một chuỗi mới.


Cú pháp

String.concat (String1, String2, ..., StringX)

Thông số

Tham sốSự mô tả
String1, String2, ... StringX
string2,
...
stringX
Yêu cầu. Các chuỗi được tham gia.
The strings to be joined.

Giá trị trả về

Loại hìnhSự mô tả
String1, String2, ... StringXYêu cầu. Các chuỗi được tham gia.


Giá trị trả về

Loại hình

Một chuỗi
let text2 = "world!";
let text3 = "Have a nice day!";
let result = text1.concat(" ", text2, " ", text3);

Hãy tự mình thử »


Hỗ trợ trình duyệt

var text = list.map(i => `'${i}'`).join(' ') 
6 là tính năng ECMAScript1 (ES1).

ES1 (JavaScript 1997) được hỗ trợ đầy đủ trong tất cả các trình duyệt:

Trình duyệt ChromeI EBờ rìaFirefoxCuộc đi sănOpera
ĐúngĐúngĐúngĐúngĐúngĐúng


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.

Nhà điều hành var text = list.map(i => `'${i}'`).join(',') 0

Toán tử

var text = list.map(i => `'${i}'`).join(',') 
0 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 text = list.map(i => `'${i}'`).join(',') 
2, trong đó
var text = list.map(i => `'${i}'`).join(',') 
3 là tốc ký cho
var text = list.map(i => `'${i}'`).join(',') 
4.

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

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

var text = list.map(i => `'${i}'`).join(',') 
0 là một chuỗi, JavaScript sẽ ép buộc 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ố,
var text = list.map(i => `'${i}'`).join(',') 
6 và
var text = list.map(i => `'${i}'`).join(',') 
7.

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

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

str += null;

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

Các toán tử

var text = list.map(i => `'${i}'`).join(',') 
0 và
var text = list.map(i => `'${i}'`).join(',') 
2 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 str = 'Hello' + ' ' + 'World'; str; // 'Hello World'0

Hàm

const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
0 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 str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
2 đượ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 str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
3.

['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. DECTATORS làm cho

const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
0 lựa chọn ưa thích để 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 nhân vật. Ví dụ: bạn có thể sử dụng
const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
5 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

const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
6 để kết hợp các mảnh URL cùng nhau:

// 'masteringjs.io/tutorials/fundamentals/string-concat'
['masteringjs.io', 'tutorials', 'fundamentals', 'string-concat'].join('/');

Dấu tách làm cho

const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
0 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 str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
2 thay vì vòng lặp
const str = 'Hello' + ' ' + 'World';
str; // 'Hello World'
9 với
var text = list.map(i => `'${i}'`).join(',') 
0.

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

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

var text = list.map(i => `'${i}'`).join(' ') 
6 tích hợp. Hàm
var text = list.map(i => `'${i}'`).join(' ') 
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
var text = list.map(i => `'${i}'`).join(' ') 
6 không sửa đổi chuỗi tại chỗ.

var text = list.map(i => `'${i}'`).join(' ') 
0

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

var text = list.map(i => `'${i}'`).join(' ') 
6 là bạn phải chắc chắn
let str = 'Hello';
str += ' ';
str += 'World';
str; // 'Hello World'
6 là một chuỗi. Bạn có thể chuyển các tham số không chuỗi sang
var text = list.map(i => `'${i}'`).join(' ') 
6, nhưng bạn sẽ nhận được một kiểu mẫu nếu
let str = 'Hello';
str += ' ';
str += 'World';
str; // 'Hello World'
8.

var text = list.map(i => `'${i}'`).join(' ') 
1

Hàm

var text = list.map(i => `'${i}'`).join(' ') 
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 text = list.map(i => `'${i}'`).join(',') 
0. Ví dụ: bạn sẽ nhận được hành vi bất ngờ nếu bạn gọi
var text = list.map(i => `'${i}'`).join(' ') 
6 trên một giá trị xảy ra là một mảng. Bạn nên sử dụng
var text = list.map(i => `'${i}'`).join(',') 
0 thay vì
var text = list.map(i => `'${i}'`).join(' ') 
6 trừ khi bạn có lý do rất chính đáng.

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

var text = list.map(i => `'${i}'`).join(' ') 
6, tốt nhất nên gọi nó trên một chuỗi trống:

var text = list.map(i => `'${i}'`).join(' ') 
2

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

  • Bỏ qua một chỉ mục trong bản đồ mảng javascript ()
  • Có điều kiện thêm một đối tượng vào một mảng trong javascript
  • Xác thực email bằng Regex trong JavaScript
  • 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

$ {} Trong JavaScript này là gì?

Một trình giữ chỗ được đại diện bởi $ {}, với bất cứ điều gì trong các dấu ngoặc xoăn được coi là javascript và bất cứ thứ gì bên ngoài các dấu ngoặc được coi là một chuỗi: const phương thức = 'nội suy' const DynamicsTring = `Chuỗi này đang sử dụng $ {Phương thức}. is represented by ${} , with anything within the curly brackets treated as JavaScript and anything outside the brackets treated as a string: const method = 'interpolation' const dynamicString = `This string is using ${method}.

Tôi có thể thêm số vào chuỗi không?

Trong JavaScript, toán tử + được sử dụng cho cả cộng và nối chuỗi.Khi bạn "thêm" một số vào một chuỗi, trình thông dịch sẽ chuyển đổi số của bạn thành một chuỗi và kết hợp cả hai với nhau.the + operator is used for both numeric addition and string concatenation. When you "add" a number to a string the interpreter converts your number to a string and concatenates both together.