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

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

Giải pháp sẽ xóa tất cả các ký tự dòng mới, ký tự tab, ký tự khoảng trắng hoặc bất kỳ ký tự khoảng trắng nào khác khỏi chuỗi

1. Sử dụng biểu thức chính quy

Không có phương thức gốc JavaScript nào replaceAll(), thay thế tất cả các trường hợp của một ký tự bằng một thay thế. Chiến lược chung để thay thế một mẫu trong chuỗi đã cho là sử dụng phương thức replace(), phương thức này có thể chấp nhận một đối tượng RegExp

Đây là một ví dụ hoạt động thay thế tất cả các khoảng trắng trong chuỗi bằng một chuỗi trống (bao gồm các ký tự khoảng trắng ở đầu, ở cuối và nhiều ký tự khoảng trắng liên tiếp). Công tắc g trong biểu thức chính quy thực hiện tìm kiếm và thay thế trong toàn bộ chuỗi

1

2

3

4

5

6

const str = '   Xin chào thế giới   ';<

bảng điều khiển. log(str. thay thế(/ /g,''));

 

/*

đầu ra. Chào thế giới

*/

Tải xuống Chạy mã

 
Để xóa tất cả các ký tự khoảng trắng khỏi chuỗi chứ không chỉ ký tự khoảng trắng, hãy sử dụng \s để thay thế. \s khớp với tất cả các ký tự dòng mới, ký tự tab, ký tự khoảng trắng, v.v. , Điều này sẽ chuyển thành một mã đơn giản bên dưới

1

2

3

4

5

6

const str = '   Xin chào thế giới   ';<

bảng điều khiển. log(str. thay thế(/\s/g,''));

 

/*

đầu ra. Chào thế giới

*/

Tải xuống Chạy mã

2. Sử dụng phương pháp Split() với phương pháp Join()

Một cách tiếp cận khác là tách chuỗi bằng cách sử dụng khoảng trắng làm dấu phân cách và sau đó nối chuỗi lại với nhau bằng một chuỗi trống. Ví dụ sau minh họa điều này bằng cách loại bỏ tất cả các ký tự khoảng trắng liền kề khỏi chuỗi

Khi bạn cần xóa tất cả khoảng trắng khỏi JavaScript string, bạn có thể sử dụng phương thức trim()

Đây là một ví dụ về trim() đang hoạt động

let str = "  Hello World!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello World!"

Phương thức trim() không chấp nhận bất kỳ tham số nào. Nó sẽ xóa tất cả các ký tự khoảng trắng ở hai bên của chuỗi gốc

Phương thức trả về một chuỗi mới, vì vậy chuỗi ban đầu sẽ không bị ảnh hưởng

Ngoài ra, hãy nhớ rằng trim() sẽ không xóa khoảng trắng ở giữa chuỗi của bạn

Xem xét ví dụ sau

________số 8_______

Các ký tự khoảng trắng giữa Wo và

let str = "  Hello  Wo  rld!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello  Wo  rld!"

0 không bị xóa trong ví dụ trên

Nếu bạn cũng muốn xóa khoảng trắng giữa các ký tự, bạn cần kết hợp các phương thức

let str = "  Hello  Wo  rld!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello  Wo  rld!"

1 và

let str = "  Hello  Wo  rld!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello  Wo  rld!"

2 cho chuỗi của mình như sau

let str = "  Hello  Wo  rld!  ";
let trimStr = str.split(' ').join('');

console.log(trimStr); // "HelloWorld!"

Hoặc bạn cũng có thể sử dụng phương thức

let str = "  Hello  Wo  rld!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello  Wo  rld!"

3 và chuyển một biểu thức chính quy để tìm kiếm các ký tự khoảng trắng và thay thế chúng bằng một chuỗi rỗng(

let str = "  Hello  Wo  rld!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello  Wo  rld!"

4)

Đây là cách bạn làm điều đó

let str = "  Hello  Wo  rld!  ";
let trimStr = str.replace(/\s+/g, '');

console.log(trimStr); // "HelloWorld!"

Mẫu biểu thức chính quy

let str = "  Hello  Wo  rld!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello  Wo  rld!"

5 sẽ khớp với tất cả các ký tự khoảng trắng và phương thức

let str = "  Hello  Wo  rld!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello  Wo  rld!"

3 sẽ thực hiện việc xóa

Và bây giờ bạn đã học cách xóa các ký tự khoảng trắng bằng cách sử dụng các phương thức trim() và

let str = "  Hello  Wo  rld!  ";
let trimStr = str.trim();

console.log(trimStr); // "Hello  Wo  rld!"

3 của JavaScript. công việc tốt đẹp

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

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

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

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