Trong hướng dẫn này, chúng ta sẽ tìm hiểu về cách sử dụng regex để thay thế tất cả khoảng trắng trong một chuỗi nhất định bằng dấu
const str = 'a b c';
console.log[str.replace[/\s/g, '+']]; // 'a+b+c'Hãy xem xét chúng tôi có một chuỗi như thế này
const str = 'a b c';Bây giờ chúng ta cần thay thế tất cả khoảng trắng trong chuỗi trên bằng dấu cộng
const str = 'a b c';
console.log[str.replace[/\s/g, '+']]; // 'a+b+c'Trong JavaScript, chúng ta có thể làm điều đó bằng cách sử dụng phương thức
string.replace[searchVal, newvalue]1
Ví dụ
const str = 'a b c';
console.log[str.replace[/\s/g, '+']]; // 'a+b+c'Trong đoạn mã trên, chúng ta đã truyền hai đối số cho phương thức
string.replace[searchVal, newvalue]2, đối số đầu tiên là biểu thức chính quy
string.replace[searchVal, newvalue]3 và đối số thứ hai là giá trị thay thế
const str = 'a b c';
console.log[str.replace[/\s/g, '+']]; // 'a+b+c'string.replace[searchVal, newvalue]2 sẽ thay thế các khoảng trắng toàn bộ bằng ký hiệu
const str = 'a b c';
console.log[str.replace[/\s/g, '+']]; // 'a+b+c'Đưa ra một câu và nhiệm vụ là thay thế dấu cách [” “] từ câu bằng dấu gạch dưới [“_”]. Có một số phương thức JavaScript được sử dụng để thay thế khoảng trắng bằng dấu gạch dưới được liệt kê bên dưới
- phương thức thay thế []. Phương thức này tìm kiếm một chuỗi cho một giá trị đã xác định hoặc một biểu thức chính quy và trả về một chuỗi mới với giá trị đã xác định đã thay thế
cú pháp
string.replace[searchVal, newvalue]
Thông số
- tìm kiếmVal. Nó là tham số bắt buộc. Nó chỉ định giá trị hoặc biểu thức chính quy sẽ thay thế bằng giá trị mới
- giá trị mới. Nó là tham số bắt buộc. Nó chỉ định giá trị để thay thế giá trị tìm kiếm bằng
Giá trị trả về. Nó trả về một chuỗi mới trong đó giá trị xác định đã được thay thế bằng giá trị mới
- phương pháp tách []. Phương thức này được sử dụng để tách một chuỗi thành một mảng các chuỗi con và trả về mảng mới
cú pháp
string.split[separator, limit]
Thông số
- dải phân cách. Nó là tham số tùy chọn. Nó chỉ định ký tự hoặc biểu thức chính quy để sử dụng để tách chuỗi. Nếu không được sử dụng, toàn bộ chuỗi sẽ được trả về [một mảng chỉ có một mục]
- giới hạn. Nó là tham số tùy chọn. Nó chứa số nguyên chỉ định số lần phân chia, các mục vượt quá giới hạn phân chia sẽ bị loại khỏi mảng
Giá trị trả về. Nó trả về một Mảng mới, có các mục được chia
ví dụ 1. Ví dụ này thay thế tất cả khoảng trắng[‘ ‘] bằng dấu gạch dưới[“_”] bằng cách sử dụng phương thức replace[]
string.replace[searchVal, newvalue]7
string.replace[searchVal, newvalue]8
string.replace[searchVal, newvalue]9
string.split[separator, limit]0
string.split[separator, limit]1
string.replace[searchVal, newvalue]8
string.split[separator, limit]3
string.split[separator, limit]0
string.split[separator, limit]0
string.replace[searchVal, newvalue]8
string.split[separator, limit]2
string.split[separator, limit]0
string.split[separator, limit]4
string.split[separator, limit]5
string.split[separator, limit]0____37
string.split[separator, limit]2____39
string.split[separator, limit]1
string.split[separator, limit]7
string.split[separator, limit]3
string.split[separator, limit]0
string.replace[searchVal, newvalue]74
string.split[separator, limit]1
string.replace[searchVal, newvalue]8
string.replace[searchVal, newvalue]77
string.replace[searchVal, newvalue]78
string.replace[searchVal, newvalue]79
string.replace[searchVal, newvalue]80
string.split[separator, limit]0
string.replace[searchVal, newvalue]74
string.split[separator, limit]0
string.replace[searchVal, newvalue]8
string.replace[searchVal, newvalue]85
string.replace[searchVal, newvalue]78
string.replace[searchVal, newvalue]79
string.replace[searchVal, newvalue]88
string.split[separator, limit]0
string.split[separator, limit]4
string.replace[searchVal, newvalue]91
string.split[separator, limit]0
string.split[separator, limit]7
string.replace[searchVal, newvalue]85
string.split[separator, limit]0
string.replace[searchVal, newvalue]96
string.split[separator, limit]0______28
string.replace[searchVal, newvalue]99
string.split[separator, limit]00
string.replace[searchVal, newvalue]79
string.split[separator, limit]02
string.replace[searchVal, newvalue]78
string.replace[searchVal, newvalue]79
string.split[separator, limit]05
string.split[separator, limit]9
Dấu cách được dùng để ngăn cách các từ trong câu. Việc thêm khoảng trống làm cho toàn bộ câu có nghĩa. Nhưng để làm cho nội dung dễ đọc hơn, một dòng mới được sử dụng. Để di chuyển nội dung xuống dòng tiếp theo, hãy sử dụng ký tự xuống dòng mới [\n]
Bài đăng này sẽ minh họa các phương pháp thay thế khoảng trắng bằng một dòng mới trong JavaScript
Làm cách nào để thay thế khoảng trắng bằng dòng mới trong JavaScript?
Để thay thế không gian bằng dòng mới, bạn có thể sử dụng các phương pháp đã đề cập
- thay thế[]
- thay thế tất cả[]
Hãy xem xét hoạt động của từng phương pháp
Phương pháp 1. Thay thế không gian bằng dòng mới bằng cách sử dụng phương thức thay thế []
Phương thức “replace[]” thay thế giá trị trong chuỗi bằng chuỗi hoặc ký tự được chỉ định. Nó là phương thức được xác định trước của đối tượng kiểu String. Nó trả về một chuỗi mới dưới dạng đầu ra với các giá trị được thay thế sau khi tìm kiếm chuỗi cho một giá trị cụ thể hoặc mẫu biểu thức chính quy
Trong trường hợp của chúng tôi, chúng tôi sẽ sử dụng một dòng mới để xóa khoảng trắng trong chuỗi
cú pháp
Thực hiện theo cú pháp dưới đây để sử dụng phương thức thay thế []
replace ["searchValue" , "replaceValue"]
Phương thức đã cho có hai tham số; . Chẳng hạn, khoảng trắng là giá trị được thay thế sẽ được tìm kiếm trong Chuỗi và dòng mới là giá trị thay thế của nó.
ví dụ 1. Thay thế một không gian bằng dòng mới
Trong ví dụ này, trước tiên chúng ta sẽ tạo một biến kiểu chuỗi để lưu trữ một chuỗi có dấu cách
var str = "Chào mừng bạn đến với LinuxHint"
Sau đó, gọi phương thức replace[] bằng cách chuyển khoảng trắng [“ ”] làm giá trị được thay thế sẽ được tìm kiếm trong Chuỗi và dòng mới “\n” là .
bảng điều khiển. log [ str. thay thế [" " , " \n"]];
Đầu ra cho thấy phương thức replace[] chỉ thay thế lần xuất hiện đầu tiên của dấu cách bằng dòng mới trong khi chuỗi chứa hai dấu cách.
Nếu bạn muốn thay thế tất cả các lần xuất hiện của khoảng trắng bằng một dòng mới trong một chuỗi, hãy làm theo phần đã cho tiếp theo
ví dụ 2. Thay thế nhiều khoảng trắng bằng dòng mới
Ở đây, chúng ta sẽ xem xét cùng một chuỗi như trong ví dụ trước và thay thế tất cả các khoảng trắng bằng dòng mới bằng cách sử dụng mẫu biểu thức chính quy “/ /g” trong phương thức replace[]
bảng điều khiển. log [ str. thay thế [/ / g, "\n"]];
Trong mẫu biểu thức chính quy, chúng tôi đã thêm cờ “g” [toàn cầu] để đối sánh tất cả các lần xuất hiện của khoảng trắng trong một chuỗi.
Như bạn có thể thấy, đầu ra chỉ ra rằng tất cả các khoảng trắng được thay thế thành công bằng một dòng mới. Mỗi từ sau khoảng trắng bắt đầu từ một Dòng mới
Nếu bạn muốn thực hiện thao tác tương tự mà không sử dụng biểu thức chính quy, thì hãy sử dụng phương pháp được thảo luận bên dưới
Phương pháp 2. Thay thế khoảng trắng bằng dòng mới bằng phương thức replaceAll[]
Có một phương pháp khác để thay thế thứ gì đó từ một chuỗi được gọi là phương thức “replaceAll[]”. Trong phương thức replaceAll[], bạn không cần thêm biểu thức chính quy để thay thế tất cả các phiên bản của một ký tự cụ thể trong một chuỗi. Phương thức này cũng chấp nhận hai tham số, một là giá trị được tìm kiếm và tham số còn lại là giá trị thay thế liên quan của nó
cú pháp
Làm theo cú pháp đã cho để sử dụng phương thức replaceAll[]
replaceAll ["searchValue" , "replaceValue"]
Ví dụ
Trong ví dụ này, chúng tôi sẽ sử dụng cùng một chuỗi được tạo trong ví dụ trước và sau đó thay thế tất cả các khoảng trắng bằng dòng mới mà không sử dụng bất kỳ mẫu biểu thức chính quy nào
bảng điều khiển. log [ str. replaceAll [" " , " \n"]];
Như bạn có thể thấy rằng tất cả các từ sau dấu cách hiện được chuyển sang dòng mới.
Chúng tôi đã tổng hợp tất cả các phương pháp để thay thế khoảng trắng bằng một dòng mới trong JavaScript
Phần kết luận
Để thay thế khoảng trắng bằng một dòng mới trong chuỗi, bạn có thể sử dụng các phương thức Javascript được xác định trước, bao gồm phương thức replace[] và phương thức replaceAll[]. Cách tiếp cận đầu tiên chỉ thay thế lần xuất hiện đầu tiên, trong khi mẫu biểu thức chính quy được sử dụng để thay thế tất cả các lần xuất hiện. Để so sánh, phương thức replaceAll[] thay thế tất cả các lần xuất hiện từ chuỗi. Trong bài đăng này, chúng tôi đã minh họa các phương pháp thay thế khoảng trắng bằng một dòng mới với các ví dụ chi tiết