Làm cách nào để xóa khoảng trắng kép giữa các từ trong JavaScript?

Lượng không gian thừa để hiển thị giữa các từ (ngoài khoảng cách tiêu chuẩn cho phông chữ). Nó có thể là một trong những điều sau đây

Giá trịMô tảcố địnhGiá trị cố định được biểu thị bằng px, em,
p { khoảng cách giữa các từ. 0. 5em;
p { khoảng cách giữa các từ. thông thường;

Ghi chú

• Nếu thuộc tính khoảng cách từ được biểu thị dưới dạng một giá trị cố định, thì nó có thể là giá trị dương hoặc âm
  • Giá trị dương sẽ thêm khoảng cách bổ sung giữa các từ (ngoài khoảng cách tiêu chuẩn cho phông chữ)
  • Giá trị âm sẽ loại bỏ khoảng cách giữa các từ
• Nếu thuộc tính khoảng cách từ được đặt thành bình thường, phông chữ được chọn sẽ xác định khoảng cách giữa các từ

tính tương thích của trình duyệt web

Thuộc tính khoảng cách từ CSS có hỗ trợ cơ bản với các trình duyệt sau

• Trình duyệt Chrome
• Firefox (Tắc kè)
• Internet Explorer 6+ (IE 6+)
• Ô-pê-ra
• Safari (WebKit)

Thí dụ

Chúng ta sẽ thảo luận về thuộc tính khoảng cách từ bên dưới, khám phá các ví dụ về cách sử dụng thuộc tính này trong CSS

Giá trị cố định dương

Hãy xem một ví dụ trong đó chúng tôi đặt khoảng cách bổ sung giữa các từ bằng cách sử dụng thuộc tính khoảng cách giữa các từ với một giá trị cố định dương

CSS sẽ trông như thế này

p { word-spacing: 5px; }

HTML sẽ trông như thế này

  
This paragraph was written by techonthenet.com.

Kết quả sẽ như thế này

Trong ví dụ về khoảng cách từ CSS này, chúng tôi đã đặt thuộc tính khoảng cách từ thành bình thường, điều đó có nghĩa là khoảng cách giữa các từ được xác định bởi phông chữ đã chọn

Bài viết này sẽ giới thiệu các cách khác nhau để loại bỏ khoảng trắng khỏi một chuỗi, đặc biệt là cách loại bỏ các tab và ngắt dòng. Mỗi phương pháp dưới đây sẽ có một ví dụ về mã mà bạn có thể chạy trên máy của mình

Phương thức replace() nhận một giá trị cụ thể hoặc một biểu thức chính quy và thay thế chúng trong một chuỗi đã cho. Nó trả về một chuỗi mới trong đó các giá trị đã chỉ định được thay thế

Sử dụng replace() để chỉ thay thế khoảng trắng trong chuỗi JavaScript

Biểu thức chính quy chứa ký tự khoảng trắng (" ") và thuộc tính toàn cục. Nó sẽ tìm kiếm mọi khoảng trống trong một chuỗi và thay thế chúng bằng một chuỗi trống, như được đưa ra trong tham số thứ hai

Thí dụ

 
 
  
 
     
       Remove spaces from a string using JavaScript
     
 
  
 
      
    
 
        Remove spaces from a string using JavaScript
    
 
      
    
 
        Original string is:  
        site/ delft stack .com/ 
    
 
      
    
 
        New Sentence is:  
         
    
 
      
     
        Clean Spaces 
     
      
     
 
  

đầu ra

Sử dụng replace() để thay thế tất cả khoảng trắng trong chuỗi JavaScript

string.replace(/\s+/g, '')

Mẫu biểu thức chính quy \s đề cập đến bất kỳ ký hiệu khoảng trắng nào. dấu cách, tab và ngắt dòng

Thí dụ

Sử dụng các phương pháp split() và string.replace(/\s+/g, '') 0 để xóa khoảng trắng khỏi chuỗi JavaScript

Phương thức split() tách một chuỗi thành một mảng và trả về mảng mới

Phương thức

string.replace(/\s+/g, '')

0 trả về một chuỗi mới bằng cách nối tất cả các phần tử trong một mảng

Chúng ta sẽ sử dụng phương thức

string.replace(/\s+/g, '')

3 để tách chuỗi thành một mảng với ký tự khoảng trắng " " làm dấu phân cách, sau đó sử dụng phương thức

string.replace(/\s+/g, '')

5 để chuyển đổi mảng thành một chuỗi. Nó loại bỏ các khoảng trắng bằng hai phương pháp này

Có rất nhiều yêu cầu tiêu chuẩn trong javascript liên quan đến việc xử lý chuỗi. Một yêu cầu chung như vậy là thay thế nhiều khoảng trắng bằng một khoảng trắng trong chuỗi javascript. Bài viết này sẽ thảo luận và trình bày cách loại bỏ các khoảng trống trùng lặp bằng các ví dụ minh họa khác nhau

Mục lục. -

Thay thế nhiều dấu cách bằng một dấu cách bằng cách sử dụng replace() và RegEx

Phương thức replace() của Javascript thay thế một mẫu cụ thể trong javascript bằng một mẫu thay thế. Mẫu có thể là biểu thức chính quy, hàm hoặc chuỗi.

Thí dụ. -

Thay thế nhiều khoảng trắng bằng một khoảng trắng từ ” Javascript là ngôn ngữ phổ biến nhất “

quảng cáo

Mã số. -

let dummyString = "  Javascript   is the              most popular         language  ";
dummyString = dummyString.replace(/\s+/g, " ");
console.log(dummyString);

đầu ra. -

 Javascript is the most popular language

Ghi chú. Có một khoảng trắng ở đầu và cuối chuỗi đầu ra

Giải trình. -

• Ở đây trong đoạn mã trên hàm replace() được sử dụng. Biểu thức chính quy là /\s+/g
• /và / đánh dấu phần đầu và phần cuối của một mẫu.
• \s+ khớp với ít nhất một ký tự khoảng trắng trong chuỗi.

Nếu chúng tôi muốn xóa khoảng trắng khỏi đầu và cuối, hãy sử dụng

Mã số. -

let dummyString = "  Javascript   is the              most popular         language  ";
dummyString = dummyString.trim().replace(/\s+/g, " ");
console.log(dummyString);

đầu ra. -

Javascript is the most popular language

Giải trình. -

• Phương thức trim() sẽ xóa các khoảng trắng ở đầu và cuối chuỗi.
• Cuối cùng, phương thức replace() sẽ xóa các khoảng trắng ở giữa chuỗi.

Thay thế nhiều dấu cách bằng một dấu cách bằng cách sử dụng split () và join()

Phương thức split() của Javascript trả về một mảng gồm các chuỗi con được tạo thành bằng cách tách một chuỗi đã cho.

Phương thức join() của Javascript nối các phần tử của mảng lại thành một chuỗi.

Thí dụ. -

Thay thế nhiều khoảng trắng bằng một khoảng trắng từ ” Javascript là ngôn ngữ phổ biến nhất “

Mã số. -

let dummyString = "  Javascript   is the              most popular         language  ";
dummyString = dummyString.trim().split(/[\s,\t,\n]+/).join(' ');
console.log(dummyString);

đầu ra. -

Javascript is the most popular language

Giải trình. -

• Phương thức trim() được sử dụng để xóa tất cả các khoảng trắng ở đầu và cuối chuỗi.
• Phương thức split() được sử dụng để chia chuỗi thành một mảng các phần tử [ ' . Việc phân chia dựa trên dấu cách, tab hoặc ký tự dòng mới. The split is based on space, tab or new line character (\s,\t,\n)
• Cuối cùng, nối tất cả các phần tử mảng bằng phương thức join(‘ ‘) được phân tách bằng một khoảng trắng để tạo thành một chuỗi mới.

Đọc thêm

• Javascript. thay thế nhiều ký tự trong chuỗi
• Javascript. Thay thế một ký tự trong chuỗi tại chỉ mục đã cho

Tôi hy vọng bài viết này đã giúp bạn thay thế nhiều khoảng trắng bằng một khoảng trắng trong chuỗi javascript. Chúc may mắn

Làm cách nào để xóa khoảng trắng giữa hai từ trong js?

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

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

Làm cách nào để kiểm tra khoảng trắng kép trong JavaScript?