Làm cách nào để thêm khoảng cách trong JavaScript?

Để thêm khoảng cách hoặc phần đệm vào đầu chuỗi, bạn có thể sử dụng phương thức chuỗi padStart() trong JavaScript

Hãy xem xét chuỗi này,

// a string
const str = "Hello";

Hãy thêm 5 dấu cách vào đầu chuỗi bằng cách sử dụng phương thức chuỗi padStart() như thế này,

// a string
const str = "Hello";

// add 5 spaces to the beginning
// of string using padStart() method
const paddedStr = str.padStart(10);

console.log(paddedStr); // "     Hello"

Bây giờ bạn có thể nghĩ tại sao chúng tôi lại sử dụng 10 thay vì 5. Vì phương thức padStart() bắt đầu đếm các ký tự từ đầu chuỗi. Vì chúng tôi đã có các chữ cái 5 và việc vượt qua 5 sẽ không thành công

// a string
const str = "Hello";

// ❌ passing 5 won't make 5 spaces we have
// to accomodate for the whole string
const paddedStr = str.padStart(5);

// 😕 Not what we expected
console.log(paddedStr); // "Hello"

Nhưng nếu bạn không muốn mã hóa cứng như thế này, thì có một cách khác để tự động thêm khoảng cách 5 vào đầu chuỗi

Nó có thể được thực hiện bằng cách sử dụng thuộc tính

// a string
const str = "Hello";

// add 5 spaces to the beginning
// of string using padStart() method
const paddedStr = str.padStart(10);

console.log(paddedStr); // "     Hello"

// a string
const str = "Hello";

// add 5 spaces to the beginning
// of string using padStart() method
const paddedStr = str.padStart(str.length + 5);

console.log(paddedStr); // "     Hello"

Thủ thuật tiện lợi 🔥. Phải?

Bạn cũng có thể chọn có bất kỳ chuỗi nào thay vì khoảng trắng bằng cách chuyển chuỗi đó làm đối số thứ hai cho phương thức padStart() như thế này

Để thêm hai chuỗi, chúng ta cần toán tử '+' để tạo khoảng cách giữa các chuỗi, nhưng khi chính chuỗi đầu tiên có khoảng trắng trong đó, thì không cần gán khoảng trắng một cách rõ ràng.  

Trong ví dụ sau vì chuỗi 'str1' có dấu cách nên chỉ cần nối không có dấu cách là đủ để thêm cả hai chuỗi

Ví dụ

Bản thử trực tiếp

đầu ra

tutorix is the best e-learning platform

Trong trường hợp nếu không có khoảng trắng trong chuỗi đầu tiên thì chúng ta phải tạo khoảng trắng(" ") và nối hai chuỗi như hình bên dưới.  

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.  

Tham số duy nhất Chuỗi. phương thức lặp lại mất là số lần chuỗi sẽ được lặp lại

Đây là một ví dụ lặp lại một không gian 3 lần

Chúng ta có thể sử dụng toán tử cộng (+) để nối các chuỗi

Ví dụ thứ nhất và thứ hai cho thấy cách nối và thêm khoảng trắng vào chuỗi

Nếu bạn cần thêm dấu cách vào giữa chuỗi, hãy sử dụng phương thức String.slice()

Thêm một số khoảng trắng cụ thể vào giữa chuỗi

Để thêm một số khoảng trắng cụ thể vào giữa một chuỗi

1. Sử dụng phương pháp slice() để lấy các phần trước và sau chỉ mục
2. Sử dụng phương thức repeat() để tạo một chuỗi chứa N dấu cách
3. Sử dụng toán tử cộng (+) để nối các chuỗi

chuỗi. phương thức slice trích xuất một phần của chuỗi và trả về nó mà không sửa đổi chuỗi gốc

Phương thức String.slice() nhận các đối số sau

Trong lần gọi đầu tiên đến phương thức slice, chúng tôi lấy chuỗi con từ chỉ mục 0, tối đa nhưng không bao gồm chỉ mục của lần xuất hiện đầu tiên của ký tự a trong chuỗi

Chúng tôi đã thêm khoảng cách 3 vào kết quả và xâu chuỗi một cuộc gọi khác đến phương thức slice()

Khi chỉ một đối số duy nhất được truyền cho phương thức String.slice(), lát cắt sẽ đi đến cuối chuỗi

Nếu bạn phải làm điều này thường xuyên, hãy xác định chức năng có thể tái sử dụng

Hàm lấy một chuỗi, một chỉ mục và một số khoảng trắng và thêm số lượng khoảng trắng đã chỉ định vào chuỗi tại chỉ mục đã cho

Một cách tiếp cận khác là sử dụng các phương pháp str + ' '.repeat(3)2 và str + ' '.repeat(3)3

Thêm một Số khoảng trắng cụ thể vào Chuỗi bằng cách sử dụng str + ' '.repeat(3)4 và str + ' '.repeat(3)5

Sử dụng các phương thức str + ' '.repeat(3)6 và str + ' '.repeat(3)7 để thêm dấu cách vào cuối hoặc đầu chuỗi, e. g. str + ' '.repeat(3)8

Các phương thức lấy độ dài tối đa của chuỗi mới và chuỗi điền và trả về chuỗi được đệm

Sử dụng các phương thức str + ' '.repeat(3)4 và str + ' '.repeat(3)5 hơi phức tạp vì tham số đầu tiên là độ dài tối đa mà chuỗi mới nên có

chuỗi. Phương thức padStart đệm chuỗi hiện tại bằng chuỗi được cung cấp cho đến khi chuỗi kết quả đạt đến độ dài nhất định

Phương thức str + ' '.repeat(3)5 nhận 2 đối số sau

Phương thức str + ' '.repeat(3)4 có cùng tham số nhưng đệm chuỗi ở cuối

Sử dụng các phương thức str + ' '.repeat(3)4 và str + ' '.repeat(3)5 hơi phức tạp vì tham số đầu tiên là độ dài tối đa mà chuỗi mới nên có

Nếu bạn có một chuỗi chứa 3 ký tự và chỉ định độ dài tối đa là String.slice()8, thì chuỗi đó sẽ chỉ được đệm bằng các ký tự bổ sung 3

Làm cách nào để thêm khoảng cách giữa các từ trong JavaScript?

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

\t trong JavaScript là gì?

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