Để 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"3 của chuỗi. Đầu tiên, lấy độ dài của chuỗi rồi thêm 5 dấu cách như thế này,
// 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 platformTrong 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
- Sử dụng phương pháp slice() để lấy các phần trước và sau chỉ mục
- Sử dụng phương thức repeat() để tạo một chuỗi chứa N dấu cách
- 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
TênMô tảchỉ mục bắt đầuChỉ mục của ký tự đầu tiên bao gồm trong chuỗi con được trả vềchỉ mục kết thúcChỉ mục của ký tự đầu tiên cần loại trừ khỏi chuỗi con được trả về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
TênMô tảString.slice()2Chuỗi được đệm bằng dây đệm đến độ dài này. str + ' '.repeat(3)5Chuỗi để đệm chuỗi hiện tại bằngPhươ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