Phương thức replace() trong JavaScript

• Trần Ngọc Thanh
• 24
• 30/08/2025

Phương thức replace() trong JavaScript dùng để thay thế chuỗi con trong một chuỗi gốc sau đó trả về một chuỗi mới, chi tiết như nào hãy cùng chúng tôi phân tích:

Phương thức replace() trong JavaScript

Chức năng của Phương thức replace() trong JavaScript

Phương thức replace() trong JavaScript dùng để thay thế chuỗi con trong một chuỗi gốc sau đó trả về một chuỗi mới mà không ảnh hưởng gì đến chuỗi gốc, hàm này phân biệt chữ hoa chữ thường.

Cú pháp của Phương thức replace() trong JavaScript

Cú pháp thay thế một chuỗi xuất hiện lần đầu tiên

var chuoimoi  = chuoigoc.replace(chuoicantim,chuoithaythe);

chuoicantim: chuỗi cần tìm để thay thế.

chuoithaythe: chuỗi thay thế  mới.

Hàm này chỉ thay thế cho một chuỗi xuất hiện lần đầu tiên, mấy chuỗi sau có giống cũng không thay thế được.

Dùng biểu thức chính quy để thay thế toàn bộ chuỗi xuất hiện

var chuoimoihai  = chuoigoc.replace(/Chúng tôi/g,"Web Mới");

tham số 1: là Chúng tôi, chuỗi cần bỏ đi

tham số 2: là Web Mới, chuỗi cần bỏ vào.

Thêm dấu / vào đầu chuỗi  cần bỏ đi và thêm dấu /g vào cuối chuỗi cần bỏ đi, như vậy sẽ thay thế được toàn bộ chuỗi con.

Code Phương thức replace() trong JavaScript

<script>
var chuoigoc = "Chúng tôi xin chào các bạn, Chúng tôi chuyên thiết kế website";
// Thay thế chuỗi xuất hiện lần đầu tiên
document.write("<b>Thay thế chuỗi xuất hiện lần đầu tiên</b><br>");
var chuoicantim = "Chúng tôi";
var chuoithaythe = "Web Mới";
var chuoimoi  = chuoigoc.replace(chuoicantim,chuoithaythe);
document.write(chuoimoi+"<br>");
// Dùng biểu thức chính quy để thay thế toàn bộ chuỗi xuất hiện
document.write("<b>Dùng biểu thức chính quy để thay thế toàn bộ chuỗi xuất hiện</b><br>");
var chuoimoihai  = chuoigoc.replace(/Chúng tôi/g,"Web Mới");
document.write(chuoimoihai+"<br>");
</script>

Kết quả:

Thay thế chuỗi xuất hiện lần đầu tiên
Web Mới xin chào các bạn, Chúng tôi chuyên thiết kế website
Dùng biểu thức chính quy để thay thế toàn bộ chuỗi xuất hiện
Web Mới xin chào các bạn, Web Mới chuyên thiết kế website

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức replace() trong JavaScript.