3 cách để thay đổi tất cả các lần xuất hiện chuỗi trong JavaScript

Blog / Tin công nghệ 02/11/2023
3-cach-de-thay-doi-tat-ca-cac-lan-xuat-hien-chuoi-trong-javascript
Phụ lục

Trong bài đăng này, ban sẽ tìm hiểu cách thay thế tất cả các lần xuất hiện chuỗi trong JavaScript bằng cách tách và nối một chuỗi, string.replace() kết hợp với biểu thức chính quy toàn cực và string.replaceAll().

Tách và nối một mảng

Nếu google cách thay thế tất cả các lần xuất hiện chuỗi trong JavaScript, cách tiếp cận đầu tiền bạn có thể tìm thấy là sử dụng một mảng trung gian:

Đây là cách hoạt động

1.Chia stringthành pieceschuỗi search:

2.Sau đó nối các mảnh đặt replacechuỗi ở giữa:

Ví dụ: hãy thay thế tất cả khoảng trắng ' 'bằng dấu gạch nối '-'trong 'duck duck go'chuỗi:

Js Mở bản demo

'duck duck go'.split(' ')chia chuỗi thành nhiều phần: ['duck', 'duck', 'go'].

Sau đó, các mảnh ['duck', 'duck', 'go'].join('-')được nối lại bằng cách chèn '-'vào giữa chúng, tạo ra chuỗi 'duck-duck-go'.

Đây là một hàm trợ giúp tổng quát sử dụng phương pháp chia tách và nối:

JS Mở bản demo.

Cách tiếp cận này yêu cầu chuyển đổi chuỗi thành một mảng và sau đó quay lại thành chuỗi. Hãy tiếp tục tìm kiếm những lựa chọn thay thế tốt hơn.

Thay thế () bằng biểu tượng thức chính quy toàn cục

Phương thức chuỗi string.replace(regExpSearch, replaceWith)tìmkiếm và thay thế các lần xuất hiện của biểu thức chính quy regExpSearchbằng replaceWithchuỗi.

Để làm cho phương thức replace()thay thế tất cả các lần xuất hiện của mẫu - bạn phải bật cờ chung trên biểu thức chính quy:

  1. Nối gvào cuối biểu thức chính quy theo nghĩa đen:/search/g
  2. Hoặc khi sử dụng hàm tạo biểu thức chính quy, hãy thêm 'g'vào đối số thứ hai:new RegExp('search', 'g')

Hãy thay thế tất cả các lần xuất hiện của ' 'bằng '-':

JS Mở bản demo

Biểu thức chính quy /\s/g(lưu ý gcờ chung) khớp với khoảng trắng ' '.

'duck duck go'.replace(/\s/g, '-')thay thế tất cả các kết quả khớp /\s/gbằng '-', dẫn đến 'duck-duck-go'.

Bạn có thể dễ dàng thực hiện thay thế không phân biệt chữ hoa chữ thường bằng cách thêm icờ vào biểu thức chính quy:

JS Mở bản demo

Biểu thức chính quy /\s/g(lưu ý gcờ chung) khớp với khoảng trắng ' '.

'duck duck go'.replace(/\s/g, '-')thay thế tất cả các kết quả khớp /\s/gbằng '-', dẫn đến 'duck-duck-go'.

Bạn có thể dễ dàng thực hiện thay thế không phân biệt chữ hoa chữ thường bằng cách thêm icờ vào biểu thức chính quy:

Biểu thức chính quy /duck/githực hiện tìm kiếm không phân biệt chữ hoa chữ thường (ghi chú ivà gcờ). /duck/gitrận đấu 'DUCK', cũng như 'Duck'.

Việc gọi 'DUCK Duck go'.replace(/duck/gi, 'goose')sẽ thay thế tất cả kết quả khớp của /duck/gichuỗi con bằng 'goose'.

Biểu thức chính quy từ một chuỗi

Khi biểu thức chính quy được tạo từ một chuỗi, bạn phải thoát khỏi các ký tự - [ ] / { } ( ) * + ? . \ ^ $ |vì chúng có ý nghĩa đặc biệt trong biểu thức chính quy.

Vì vậy, các ký tự đặc biệt là một vấn đề khi bạn muốn thực hiện thay thế mọi thao tác. Đây là một ví dụ:

JS Mở bản demo

Đoạn mã trên cố gắng chuyển chuỗi tìm kiếm '+'thành một biểu thức chính quy. Nhưng '+'là một biểu thức chính quy không hợp lệ nên sẽ SyntaxError: Invalid regular expression: /+/bị loại bỏ.

Thoát khỏi nhân vật '\\+'sẽ giải quyết được vấn đề. JS thử bản demo cố định

Thay thế() bằng một chuỗi

Nếu đối số đầu tiên searchcủa string.replace(search, replaceWith)là một chuỗi thì phương thức này chỉ thay thế lần xuất hiện đầu tiên của search:

JS Mở bản demo

'duck duck go'.replace(' ', '-')chỉ thay thế sự xuất hiện đầu tiên của một khoảng trắng.

Phương thức thay thếAll()

Cuối cùng, phương thức này string.replaceAll(search, replaceWith)thay thế tất cả sự xuất hiện của searchchuỗi bằng replaceWith.

Hãy thay thế tất cả các lần xuất hiện của ' 'bằng '-':

JS mở bản demo

'duck duck go'.replaceAll(' ', '-')thay thế tất cả các lần xuất hiện của ' 'chuỗi bằng '-'.

string.replaceAll(search, replaceWith)là cách tốt nhất để thay thế tất cả các lần xuất hiện chuỗi trong một chuỗi

Lưu ý rằng trình duyệt hỗ trợ phương pháp này hiện bị hạn chế và bạn có thể yêu cầu polyfill .

Sự khác biệt giữa thay thếAll() và thay thế()

Các phương thức chuỗi replaceAll(search, replaceWith)và replace(search, replaceWith)cách hoạt động đều giống nhau, ngoại trừ 2 điều:

  1. Nếu searchđối số là một chuỗi, replaceAll()thay thế tất cả các lần xuất hiệnsearch bằng , replaceWithtrong khi chỉ replace()thay thế lần xuất hiện đầu tiên
  2. Nếu searchđối số là một biểu thức chính quy không toàn cục thì sẽ replaceAll()đưa ra một TypeErrorngoại lệ.


Devwork

Devwork là Nền tảng TUYỂN DỤNG IT CẤP TỐC với mô hình kết nối Nhà tuyển dụng với mạng lưới hơn 30.000 headhunter tuyển dụng ở khắp mọi nơi.Với hơn 1800 doanh nghiệp IT tin dùng Devwork để :

  • Tối ưu chi phí
  • Tiết kiệm thời gian
  • Tăng tốc tuyển dụng tối đa
  • Đăng ký ngay Devwork trong hôm nay để tuyển dụng những tài năng ưu tú nhất.

    Tag Cloud:

    Tác giả: quyenntt

    Link chia sẻ

    Bình luận

    Bài viết liên quan

    Danh sách bài viết liên quan có thể bạn sẽ thích Xem thêm
    cach-xoa-ung-dung-tren-may-tinh

    Cách xóa ứng dụng trên máy tính đơn giản trên win 7, 10

    10:17 29/07/2025

    Bạn đang nao núng mỗi khi muốn gỡ bỏ phần mềm không cần thiết trên máy tính? Trong bài viết này, chúng tôi sẽ hướng dẫn chi tiết cách xóa ứng dụng trên máy tính theo hai phương pháp chính, áp dụng đơn giản trên cả Windows 7 và Windows 10, giúp bạn làm sạch hệ thống, giải phóng dung lượng, và giúp máy chạy mượt hơn. Hãy cùng khám phá ngay!...

    Cách kết nối Bluetooth Win 10 với các thiết bị

    10:09 29/07/2025

    Bluetooth đã trở thành một phần không thể thiếu trong cuộc sống hiện đại. Từ việc kết nối tai nghe không dây để nghe nhạc trong lúc nấu ăn, chia sẻ tài liệu giữa các thiết bị, đến việc trình chiếu slide trong các buổi họp quan trọng, Bluetooth giúp cuộc sống của chúng ta trở nên dễ dàng và tiện lợi hơn rất nhiều. Bài viết này sẽ cung cấp một hướng dẫn chi tiết, dễ hiểu về kết nối bluetooth win 10, dành cho tất cả mọi người, từ người nội trợ, sinh viên, dân văn phòng đến khách hàng doanh nghiệp.

    ket-noi-bluetooth-win-10

    Top 6 phần mềm khôi phục dữ liệu hoàn toàn miễn phí 

    08:09 29/07/2025

    Bạn vừa lỡ tay xóa nhầm file báo cáo quan trọng? Chiếc USB chứa ảnh kỷ niệm gia đình bỗng dưng "dở chứng"? Trong thời đại số, mất dữ liệu là "tai nạn" mà ai cũng có thể gặp phải. Nhưng tin vui là, với sự trợ giúp của các phần mềm khôi phục dữ liệu, bạn hoàn toàn có thể "cứu" lại những thông tin quý giá này. Bài viết này sẽ giới thiệu Top phần mềm khôi phục dữ liệu đã xóa trên ổ cứng, USB, thẻ nhớ miễn phí

    phan-mem-khoi-phuc-du-lieu

    Tại sao kiểm tra nhiệt độ CPU lại quan trọng? Cách kiểm tra nhiệt độ CPU

    08:03 29/07/2025

    Bạn có bao giờ tự hỏi, chiếc máy tính thân yêu của mình đang "khỏe" đến mức nào? Chúng ta thường quan tâm đến việc máy chạy nhanh hay chậm, cài được game gì, nhưng lại quên mất một yếu tố quan trọng ảnh hưởng trực tiếp đến tuổi thọ và hiệu suất của máy đó là nhiệt độ CPU. Hãy cùng Devwork tìm hiểu tại sao kiểm tra nhiệt độ CPU lại quan trọng? Cách kiểm tra nhiệt độ CPU nhé.

    kiem-tra-nhiet-do-cpu
    cach-doi-hinh-nen-may-tinh

    Hướng Dẫn Chi Tiết Cách Đổi Hình Nền Máy Tính Cho Mọi Hệ Điều Hành

    09:29 28/07/2025

    Đôi khi, một hình nền đẹp còn có thể truyền cảm hứng, giúp bạn làm việc hiệu quả và vui vẻ hơn. Nếu bạn đang tìm kiếm cách đổi hình nền máy tính một cách dễ dàng và nhanh chóng, bài viết này chính là dành cho bạn! Devwork sẽ hướng dẫn chi tiết từng bước cho các hệ điều hành phổ biến nhất, từ Windows đến macOS và thậm chí cả Linux, cùng với những mẹo hay để tối ưu hóa trải nghiệm của bạn.

    phan-mem-xoa-file-cung-dau

    5 phần mềm xóa file cứng đầu tốt nhất và những lưu ý khi xóa

    09:06 28/07/2025

    Việc xóa file cứng đầu một cách an toàn là rất quan trọng để bảo vệ dữ liệu cá nhân và tránh mất mát thông tin nhạy cảm. Tuy nhiên, không phải ai cũng biết cách thực hiện điều này một cách hiệu quả. Trong bài viết này, chúng tôi sẽ giới thiệu đến bạn 8 phần mềm xóa file cứng đầu tốt nhất giúp bạn thực hiện việc này một cách dễ dàng và an toàn.