Làm cách nào để thêm khoảng trắng trong JavaScript nối chuỗi?

Để nối hoặc kết hợp hai chuỗi, bạn có thể sử dụng toán tử +

Thí dụ

Hợp nhất biến a với biến b thành biến c

a = "Xin chào"
b = "Thế giới"
c = a + b
in(c)

Thí dụ

Để thêm khoảng cách giữa chúng, hãy thêm một " "

a = "Xin chào"
b = "Thế giới"
c = a + " " + b
in(c)

ví dụ

Tham gia hai chuỗi

hãy để text1 = "biển";
để text2 = "thức ăn";
để kết quả = text1. concat(văn bản2);

Tham gia hai chuỗi

để text1 = "Xin chào";
hãy để text2 = "thế giới. “;
để kết quả = text1. concat(" ", text2);

Thêm ví dụ bên dưới

Định nghĩa và cách sử dụng

Phương thức concat() nối hai hoặc nhiều chuỗi

Phương thức concat() không thay đổi các chuỗi hiện có

Phương thức concat() trả về một chuỗi mới

cú pháp

chuỗi. concat(chuỗi1, chuỗi2,. , chuỗiX)

Thông số

Giá trị trả về

Thêm ví dụ

Tham gia ba chuỗi

để text1 = "Xin chào";
hãy để text2 = "thế giới. “;
let text3 = "Chúc một ngày tốt lành. “;
để kết quả = text1. concat(" ", text2, " ", text3);

Hỗ trợ trình duyệt

concat() là một tính năng ECMAScript1 (ES1)

ES1 (JavaScript 1997) được hỗ trợ đầy đủ trên mọi trình duyệt

Chúng tôi có một chuỗi có thêm khoảng trắng và nếu chúng tôi muốn hiển thị nó trong trình duyệt thì khoảng trắng thừa sẽ không được hiển thị. Việc thêm số khoảng trắng vào chuỗi có thể được thực hiện theo các cách sau.  

Phương thức chất nền JavaScript(). Phương thức này lấy một phần của chuỗi, bắt đầu từ ký tự ở vị trí đã xác định và trả về số lượng ký tự đã chỉ định.  

Dưới đây là 4 cách kết hợp chuỗi trong JavaScript. Cách yêu thích của tôi là sử dụng Chuỗi mẫu. Tại sao?

const icon = '👋';

// Template Strings
`hi ${icon}`;

// join() Method
['hi', icon].join(' ');

// Concat() Method
''.concat('hi ', icon);

// + Operator
'hi ' + icon;

// RESULT
// hi 👋

1. Chuỗi mẫu

Nếu bạn đến từ một ngôn ngữ khác, chẳng hạn như Ruby, bạn sẽ quen thuộc với thuật ngữ nội suy chuỗi. Đó chính xác là những gì chuỗi mẫu đang cố gắng đạt được. Đó là một cách đơn giản để bao gồm các biểu thức trong quá trình tạo chuỗi của bạn, dễ đọc và ngắn gọn

const name = 'samantha';
const country = '🇨🇦';

Vấn đề thiếu không gian trong chuỗi nối

Trước chuỗi mẫu, đây sẽ là kết quả của chuỗi của tôi 😫

"Hi, I'm " + name + "and I'm from " + country;

☝️ Anh có bắt lỗi em không? . Và đó là một vấn đề siêu phổ biến khi nối các chuỗi

// Hi, I'm samanthaand I'm from 🇨🇦

Đã giải quyết bằng Chuỗi mẫu

Với các chuỗi mẫu, điều này đã được giải quyết. Bạn viết chính xác cách bạn muốn chuỗi của mình xuất hiện. Vì vậy, rất dễ dàng để phát hiện nếu một khoảng trống bị thiếu. Siêu dễ đọc bây giờ, yay. 👏

`Hi, I'm ${name} and I'm from ${country}`;

2. tham gia()

Phương thức

const name = 'samantha';
const country = '🇨🇦';

const instagram = '@samanthaming';
const twitter = '@samantha_ming';
const array = ['My handles are ', instagram, twitter];

const tiktok = '@samantaming';

array.push(tiktok);

array.join(' ');

// My handles are @samanthaming @samantha_ming @samanthaming

Tùy chỉnh dấu tách

Điều tuyệt vời về

const name = 'samantha';
const country = '🇨🇦';

________số 8_______

3. concat()

Với

"Hi, I'm " + name + "and I'm from " + country;

const instagram = '@samanthaming';
const twitter = '@samantha_ming';
const tiktok = '@samanthaming';

'My handles are '.concat(instagram, ', ', twitter', ', tiktok);

// My handles are @samanthaming, @samantha_ming, @samanthaming

Kết hợp chuỗi với mảng

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

"Hi, I'm " + name + "and I'm from " + country;

"Hi, I'm " + name + "and I'm from " + country;

const array = [instagram, twitter, tiktok];

'My handles are '.concat(array);

// My handles are @samanthaming,@samantha_ming,@samanthaming

Nếu bạn muốn nó được định dạng tốt hơn, chúng ta có thể sử dụng

const name = 'samantha';
const country = '🇨🇦';

const array = [instagram, twitter, tiktok].join(', ');

'My handles are '.concat(array);
// My handles are @samanthaming, @samantha_ming, @samanthaming

4. Toán tử cộng (+)

Một điều thú vị về việc sử dụng toán tử

"Hi, I'm " + name + "and I'm from " + country;

không đột biến

Ở đây chúng tôi đang sử dụng

"Hi, I'm " + name + "and I'm from " + country;

const name = 'samantha';
const country = '🇨🇦';

đột biến

Chúng tôi cũng có thể nối nó vào một chuỗi hiện có bằng cách sử dụng

"Hi, I'm " + name + "and I'm from " + country;

const name = 'samantha';
const country = '🇨🇦';

Ôi chết tiệt 😱 Lại quên chỗ. THẤY. Rất dễ bỏ sót khoảng trắng khi nối các chuỗi

const name = 'samantha';
const country = '🇨🇦';

Điều đó vẫn cảm thấy rất lộn xộn, hãy ném

const name = 'samantha';
const country = '🇨🇦';

const name = 'samantha';
const country = '🇨🇦';

Thoát ký tự trong chuỗi

Khi bạn có các ký tự đặc biệt trong chuỗi của mình, trước tiên bạn cần thoát các ký tự này khi kết hợp. Hãy xem qua một vài tình huống và xem làm thế nào chúng ta có thể thoát khỏi chúng 💪

Thoát dấu nháy đơn hoặc dấu nháy đơn (')

Khi tạo chuỗi, bạn có thể sử dụng dấu ngoặc đơn hoặc dấu ngoặc kép. Biết được kiến ​​thức này, khi bạn có một trích dẫn trong chuỗi của mình, một giải pháp rất đơn giản là sử dụng dấu ngoặc kép để tạo chuỗi

const name = 'samantha';
const country = '🇨🇦';

Tất nhiên, bạn cũng có thể sử dụng dấu gạch chéo ngược,

"Hi, I'm " + name + "and I'm from " + country;

const name = 'samantha';
const country = '🇨🇦';

Vì Chuỗi mẫu đang sử dụng backtick nên trường hợp này không áp dụng cho nó 👍

Thoát dấu ngoặc kép (")

Tương tự như thoát dấu ngoặc đơn, chúng ta có thể sử dụng cùng một kỹ thuật sử dụng ngược lại. Vì vậy, để thoát dấu ngoặc kép, chúng tôi sẽ sử dụng dấu ngoặc đơn

const name = 'samantha';
const country = '🇨🇦';

Và vâng, cũng có thể sử dụng ký tự thoát dấu gạch chéo ngược

const name = 'samantha';
const country = '🇨🇦';

Vì Chuỗi mẫu đang sử dụng backtick nên trường hợp này không áp dụng cho nó 👍

Thoát backtick (`)

Vì Chuỗi mẫu đang sử dụng backticks để tạo chuỗi của nó nên khi muốn xuất ký tự đó, chúng ta phải thoát nó bằng dấu gạch chéo ngược

const name = 'samantha';
const country = '🇨🇦';

Vì các tạo chuỗi khác không sử dụng backtick nên trường hợp này không áp dụng cho chúng 👍

Cách nào để sử dụng?

Tôi đã trình bày một số ví dụ về cách sử dụng các cách nối chuỗi khác nhau. Cách nào tốt hơn tất cả phụ thuộc vào tình hình. Khi nói đến sở thích về phong cách, tôi thích làm theo hướng dẫn về Phong cách của Airbnb

Khi xây dựng chuỗi theo chương trình, hãy sử dụng chuỗi mẫu thay vì nối. dây dẫn. ưu tiên mẫu mẫu-xoăn-khoảng cách

Vì vậy, chuỗi mẫu cho chiến thắng. 👑

Tại sao những cách khác vẫn quan trọng?

Điều quan trọng là phải biết những cách khác. Tại sao? . Là một nhà phát triển, chúng ta cần có khả năng thích ứng và hiểu bất kỳ môi trường nào mà chúng ta bị ném vào. Chúng tôi ở đó để giải quyết vấn đề chứ không phải phàn nàn về độ cũ của công nghệ lol 😂 Trừ khi lời phàn nàn đó được kết hợp với hành động hữu hình để cải thiện. Sau đó, chúng tôi đã có tiến bộ 👏

Làm cách nào để thêm không gian trong JavaScript nối?

Làm cách nào để thêm khoảng cách giữa hai chuỗi trong js?

Làm cách nào để thêm khoảng trắng sau 4 chữ số trong JavaScript?

Làm cách nào để thêm khoảng trắng sau dấu phẩy trong JavaScript?