Để 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 join() 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. str.split('').join(' ')
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 join() 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 filter đượ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 trim() để 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, trim() trả về một chuỗi rỗng
Phương thức filter 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à. false, join()0, join()1, join()2, join()3 (chuỗi trống), join()4 (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 filter 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
- Sử dụng vòng lặp join()6 để lặp qua chuỗi
- Khai báo một biến chuỗi rỗng
- 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 join()6 để 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à join()
Nếu bạn không cần xử lý tình huống trong đó chuỗi của bạn chứa khoảng trắng, hãy xóa khối str.split('').join(' ')0
Trong hướng dẫn này, bạn sẽ học cách tạo khoảng cách giữa hai số trong javascript. Chuỗi chỉ là văn bản thuần túy và văn bản có thể bao gồm mọi tổ hợp số, chữ cái, ký tự đặc biệt, v.v. Một số được tạo bằng cách kết hợp các chữ số từ 0 đến 9. Đối với một nhà phát triển mới, có thể hơi khó để tạo khoảng cách giữa hai số
Có rất nhiều cách để tạo khoảng cách giữa hai số. 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 thức str.split('').join(' ')1. Phương thức str.split('').join(' ')1 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 nhấp vào nút, chúng tôi sẽ tạo khoảng cách giữa hai số 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
Trong hướng dẫn này, bạn sẽ học cách thêm khoảng cách giữa các số trong javascript. Một chuỗi chỉ là văn bản thuần túy có thể bao gồm bất kỳ loại ký tự nào, bao gồm số, chữ cái và ký tự đặc biệt. Một số được tạo bằng cách cộng các chữ số từ 0 đến 9 lại với nhau. Đối với một nhà phát triển mới, có thể hơi khó để thêm khoảng cách giữa các số
Có rất nhiều cách để thêm khoảng cách giữa các số. 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 thức str.split('').join(' ')1. Phương thức str.split('').join(' ')1 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, chúng tôi sẽ thêm khoảng cách giữa các số 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
Trong bài viết này, chúng ta sẽ biết cách thêm khoảng cách giữa các phần tử trong bảng HTML, cùng với việc hiểu cách thực hiện nó thông qua các ví dụ. Chúng ta có thể sử dụng CSS bình thường để thực hiện các thay đổi trong bảng, nơi chúng ta sẽ sử dụng thuộc tính đường viền để tạo khoảng cách giữa các phần tử khác nhau
Không cần kiến thức chuyên sâu và trước đó, nó chỉ là các thủ thuật CSS và HTML cơ bản
Ghi chú. Điều duy nhất cần lưu ý là phải có một thẻ “tr” bên trong thẻ tbody
ví dụ 1. Đoạn mã sử dụng thuộc tính border-top để tạo khoảng cách giữa các phần tử được đưa ra bên dưới
HTML
str.split('').join(' ')5
str.split('').join(' ')6str.split('').join(' ')7 str.split('').join(' ')8str.split('').join(' ')9split()0split()1
str.split('').join(' ')6split()3split()1
str.split('').join(' ')60str.split('').join(' ')6______262 str.split('').join(' ')63str.split('').join(' ')9str.split('').join(' ')65split()1
str.split('').join(' ')60str.split('').join(' ')6str.split('').join(' ')62 str.split('').join(' ')70str.split('').join(' ')9str.split('').join(' ')72
str.split('').join(' ')73str.split('').join(' ')74str.split('').join(' ')75str.split('').join(' ')9str.split('').join(' ')77str.split('').join(' ')78
str.split('').join(' ')79str.split('').join(' ')80str.split('').join(' ')9str.split('').join(' ')82str.split('').join(' ')83
str.split('').join(' ')60str.split('').join(' ')6____286str.split('').join(' ')87str.split('').join(' ')86split()1
str.split('').join(' ')60str.split('').join(' ')6______292split()1
str.split('').join(' ')60str.split('').join(' ')95
str.split('').join(' ')96str.split('').join(' ')97
str.split('').join(' ')96str.split('').join(' ')99
str.split('').join(' ')60split()01
str.split('').join(' ')60
str.split('').join(' ')60split()04
str.split('').join(' ')96split()06
str.split('').join(' ')60split()01
str.split('').join(' ')60
str.split('').join(' ')60split()11
str.split('').join(' ')96split()13
str.split('').join(' ')96split()15
str.split('').join(' ')60split()01
str.split('').join(' ')60
str.split('').join(' ')60str.split('').join(' ')60
str.split('').join(' ')96str.split('').join(' ')62
str.split('').join(' ')60split()01
str.split('').join(' ')60str.split('').join(' ')66____292split()1
str.split('').join(' ')66split()3____31
str.split('').join(' ')6split()33split()1
str.split('').join(' ')60str.split('').join(' ')6______337split()1
str.split('').join(' ')96str.split('').join(' ')6split()11 split()12str.split('').join(' ')9split()14split()1
split()16str.split('').join(' ')6______318split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
split()16str.split('').join(' ')66______318split()1
split()16str.split('').join(' ')6______318split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
split()16str.split('').join(' ')66______318split()1
str.split('').join(' ')96str.split('').join(' ')66______311split()1
str.split('').join(' ')96str.split('').join(' ')6split()11 split()12str.split('').join(' ')9split()14split()1
split()16str.split('').join(' ')6______318split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
split()16str.split('').join(' ')66______318split()1
split()16str.split('').join(' ')6______318split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
split()16str.split('').join(' ')66______318split()1
str.split('').join(' ')96str.split('').join(' ')66______311split()1
str.split('').join(' ')96str.split('').join(' ')6split()11 split()12str.split('').join(' ')9split()14split()1
split()16str.split('').join(' ')6______318split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
split()16str.split('').join(' ')66______318split()1
split()16str.split('').join(' ')6______318split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
str.split('').join(' ')600str.split('').join(' ')6______2602str.split('').join(' ')603str.split('').join(' ')602split()1
split()16str.split('').join(' ')66______318split()1
str.split('').join(' ')96str.split('').join(' ')66______311split()1
str.split('').join(' ')60str.split('').join(' ')66______337split()1
_______266____333____31
str.split('').join(' ')66str.split('').join(' ')7split()1
đầu ra
Thêm khoảng cách giữa các phần tử trong bảng
ví dụ 2. Trong ví dụ dưới đây, chúng tôi đã sử dụng. trước thuộc tính bộ chọn, điều này sẽ giúp tạo khoảng cách giữa các phần tử tbody, vì vậy mã cho điều này được đưa ra bên dưới. Ngoài ra, chúng tôi đã sử dụng tràn. thuộc tính ẩn trong bảng để ngăn tràn phần tử trước