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

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, chi tiết như nào hãy cùng chúng tôi phân tích:

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

chuoigoc.replace(chuoicantim,chuoithaythe);

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

chuoithaythe: Chuỗi thay thế.

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

chuoigoc.replace(/chuoicantim/g,"chuoithaythe");

chuoigoc: Chuỗi gốc.

chuoicantim: Chuỗi cần tìm.

chuoithaythe: Chuỗi thay thế.

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.

  • 0 Bình luận
Content Trần Ngọc Thanh
Trần Ngọc Thanh
Content Trần Ngọc Thanh là người viết content có kinh nghiệm nhiều năm tại Web Mới, chuyên viết content bên lĩnh vực website và nhiều lĩnh vực khác
Chia sẻ nội dung đánh giá của bạn về Phương thức replace() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Đăng ký tư vấn thiết kế website
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn