Thêm khoảng trắng vào chuỗi javascript

Trong hướng dẫn này, bạn sẽ học cách thêm khoảng trắng sau mỗi 3 ký tự trong javascript. Nhiều ký tự tạo nên một chuỗi. Nhiều từ có thể có hoặc không có trong một chuỗi và trong hầu hết các trường hợp, chúng được phân tách với nhau bằng dấu cách để cung cấp cho chuỗi một ý nghĩa rõ ràng. Đối với một nhà phát triển mới, có thể hơi khó để thêm khoảng trắng sau mỗi 3 ký tự

Có rất nhiều cách để thêm dấu cách sau mỗi 3 ký tự. Chúng tôi sẽ sử dụng cách tiếp cận đơn giản nhất liên quan đến việc sử dụng mẫu biểu thức chính quy cũng như phương pháp replace(). Phương thức replace() tìm kiếm chuỗi cho một giá trị cụ thể hoặc mẫu biểu thức chính quy và nó trả về một chuỗi mới với các giá trị được thay thế

Trong ví dụ sau, chúng ta có một biến toàn cục chứa một chuỗi. Khi bấm vào nút, cứ sau 3 ký tự, chúng ta sẽ thêm khoảng trắng và hiển thị kết quả trên màn hình. Vui lòng xem qua ví dụ về mã và các bước được đưa ra bên dưới

ES2017 đã thêm các phương thức padStart() và padEnd(), giúp thêm khoảng trắng hoặc các ký tự khác vào chuỗi cho đến khi đạt đến độ dài cụ thể

Ảnh của Aaron Burden trên Bapt Đệm một chuỗi là gì?

P thêm một chuỗi trong JavaScript có nghĩa là lấp đầy một chuỗi bằng ký tự lặp lại hoặc chuỗ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ó trên 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

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

cú pháp

string.substr(start, length)

thông số

• bắt đầu.
  Tham số này là bắt buộc. Nó chỉ định vị trí từ đâu để bắt đầu trích xuất. Chỉ số đầu tiên bắt đầu từ 0.
  • Nếu tham số bắt đầu là dương và lớn hơn hoặc bằng độ dài của chuỗi được cung cấp, phương thức này sẽ trả về một chuỗi rỗng
  • Nếu tham số bắt đầu là âm, phương thức này sử dụng nó làm chỉ mục từ cuối chuỗi
  • Nếu tham số bắt đầu âm hoặc lớn hơn độ dài của chuỗi, bắt đầu được lấy bằng 0
• chiều dài. Tham số này là tùy chọn. Nó chỉ định số lượng ký tự để trích xuất. Nếu không được sử dụng, nó sẽ trích xuất toàn bộ chuỗi

Giá trị trả về. Trả về một chuỗi mới, chứa phần được trích xuất của văn bản. Nếu độ dài là 0 hoặc âm, Nó sẽ trả về một chuỗi rỗng

Để 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à đủ để cộng 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.  

Với mẫu chữ, bạn có thể sử dụng nhiều khoảng trắng hoặc chuỗi nhiều dòng và phép nội suy chuỗi. Văn bản mẫu là một tính năng ES2015/ES6 mới cho phép bạn làm việc với các chuỗi. Cú pháp rất đơn giản, chỉ cần sử dụng backticks thay vì dấu ngoặc đơn hoặc dấu ngoặc kép

let a = `something                 something`;

và để tạo chuỗi nhiều dòng chỉ cần nhấn enter để tạo một dòng mới, không có ký tự đặc biệt

let a = `something 

    
                         something`;

Kết quả hoàn toàn giống như bạn viết trong chuỗi

Để thêm khoảng trắng giữa các ký tự của một chuỗi, hãy gọi phương thức split() trên chuỗi để lấy một mảng ký tự và gọi phương thức

0 trên mảng để nối các chuỗi con bằng dấu phân cách khoảng trắng, e. g.

1

Chúng tôi đã sử dụng Chuỗi. split() để chia chuỗi thành một mảng ký tự

Khi được gọi với dấu tách chuỗi trống, phương thức split() sẽ chuyển đổi chuỗi thành một mảng ký tự

Bước cuối cùng là gọi Array. phương thức tham gia với dấu phân cách không gian

Phương thức

0 nối các phần tử mảng thành một chuỗi dựa trên dấu tách được cung cấp

Nếu chuỗi của bạn chứa khoảng trắng, bạn có thể cần xóa các phần tử trống khỏi mảng

Chúng tôi tách chuỗi trên mỗi ký tự, vì vậy mảng chứa các phần tử chuỗi rỗng

Chúng ta có thể loại bỏ các chuỗi trống bằng cách sử dụng Array. phương pháp lọc

Hàm chúng ta đã truyền cho phương thức

4 được gọi với từng phần tử trong mảng

Trên mỗi lần lặp lại, chúng tôi sử dụng phương pháp

5 để xóa mọi khoảng trắng ở đầu hoặc cuối khỏi phần tử mảng

Nếu phần tử chỉ chứa khoảng trắng,

5 trả về một chuỗi rỗng

Phương thức

4 trả về một mảng mới chỉ chứa các giá trị trung thực mà hàm gọi lại đã trả về

Chân lý là tất cả các giá trị không sai

Các giá trị giả trong JavaScript là.

8,

00,

01,

02,

03 (chuỗi trống),

04 (không phải số)

Vì các chuỗi trống là giả, nên không có chuỗi trống nào được thêm vào mảng mà phương thức

4 trả về

Ngoài ra, bạn có thể sử dụng một cho. của vòng lặp

Để thêm khoảng cách giữa các ký tự của một chuỗi

1. Sử dụng vòng lặp
   06 để lặp qua chuỗi
2. Khai báo một biến chuỗi rỗng
3. Trên mỗi lần lặp, thêm ký tự và khoảng trắng vào chuỗi

Chúng tôi đã sử dụng vòng lặp

06 để lặp qua chuỗi

Chúng tôi kiểm tra xem mỗi ký tự có phải là khoảng trắng hay không trước khi thêm ký tự và khoảng trắng vào chuỗi mới

Cách tiếp cận này đạt được kết quả tương tự như sử dụng phương pháp split() và

0

Nếu bạn không cần xử lý tình huống trong đó chuỗi của bạn chứa dấu cách, hãy xóa khối

10

\t trong JavaScript là gì?

Làm cách nào để đệm một chuỗi có khoảng trắng trong JavaScript?

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 mỗi dấu phẩy trong JavaScript?