Hướng dẫn replace javascript all

const p = 'The quick brown fox jumps over the lazy dog. If the dog reacted, was it really lazy?';

console.log[p.replaceAll['dog', 'monkey']];

//output: "The quick brown fox jumps over the lazy monkey. If the monkey reacted, was it really lazy?"

const searchRegExp = /duck/gi;
const replaceWith = 'goose';
const result = 'DUCK Duck go'.replace[searchRegExp, replaceWith];
// output => 'goose goose go'

Phương thức string.replace[] có chức năng tìm kiếm một chuỗi con hoặc một biểu thức chính quy nào đó trong chuỗi sau đó thay thế nó bằng một giá trị được cung cấp bởi người dùng. Phương thức sẽ trả về chuỗi đã được thay thế mà không hề thay đổi chuỗi gốc.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Lưu ý rằng nếu bạn tìm kiếm một chuỗi con[ không phải một biểu thức chính quy] và chuỗi con đó xuất hiện nhiều lần trong chuỗi gốc, phương thức string.replace[] sẽ chỉ thay thế chuỗi con đầu tiên được tìm thấy, để thay thế tất cả các chuỗi con tìm thấy hãy sử dụng modified toàn cục g[ xem ở mục ví dụ].

Cú pháp

Cú pháp: string.replace[searchvalue, newvalue]

Trong đó:

Bài viết này được đăng tại [free tuts .net]

• searchvalue giá trị sẽ được tìm kiếm trong chuỗi string.
• newvalue là giá trị sẽ được thay thế cho searchvalue trong chuỗi mới mà phương thức trả về.

Cách sử dụng

Ví dụ: sử dụng phương thức string.replace[] để thay thế giá trị trong chuỗi.

    
        
    
    
        
Học lập trình miễn phí tại freetuts.net
 
        Run
 
        

 
        
            var str = 'freetuts.net la blog chia se nhung kinh nghiem ve lap trinh';
            document.getElementById["demo"].innerHTML = str;
            function myFunction[] {
                var content = str.replace['blog', 'website'];
                document.getElementById["demo"].innerHTML = content;
            }
        
    

Kết quả

freetuts.net la website chia se nhung kinh nghiem ve lap trinh

Ví dụ 2: Thay thế tất cả các chuỗi con tìm thấy trong chuỗi gốc.

    
        
    
    
        
Học lập trình miễn phí tại freetuts.net
 
        Run
 
        

 
        
            var str = 'hello freetuts, hello all member, hello student and hello everybody';
            document.getElementById["demo"].innerHTML = str;
            function myFunction[] {
                var content = str.replace[/hello/g, 'hi'];
                document.getElementById["demo"].innerHTML = content;
            }
        
    

Kết quả

hi freetuts, hi all member, hi student and hi everybody

Toàn bộ các chuỗi 'hello' đã được thay thế bằng 'hi'.

Tham khảo: w3schools.com

Hi 🤓 Cảm ơn bạn đã ghé thăm blog này, nếu những bài viết trên blog giúp ích cho bạn. Bạn có thể giúp blog hiển thị quảng cáo bằng cách tạm ngừng ad blocker 😫 và để giúp blog duy trì hoạt động nếu bạn muốn.
Cảm ơn bạn!

Trong bài viết này, chúng ta cùng tìm hiểu về method replaceAll trong Javascript để xem method này có chức năng gì nhé!

replaceAll[] method

Để hiểu hơn về replaceAll[] chúng ta cùng tìm hiểu về method replace[] trước nhé.

Method replace[] giúp chúng ta thay thế một substring nằm trong chuỗi muốn thay thế.

Ta có ví dụ như sau:

'homiedevhomiedev'.replace['homiedev', 'blog'];
// bloghomiedev'

Ở ví dụ trên, ta thực hiện thay thế substring là homiedev thành blog. Tuy nhiên khi sử dụng replace[] ta chỉ có thể thay thế được chuỗi homiedev ở lần xuất hiện đầu tiên và các lần xuất hiện tiếp theo sẽ bị bỏ qua.

Trong trường hợp bạn muốn thay thế tất cả các chuỗi, chúng ta có thể sử dụng regular expressions như sau:

'homiedevhomiedev'.replace[/homiedev/g, 'blog'];
// blogblog

Sử dụng regular expressions giúp chúng ta có thể get hoặc replace các substring trong các trường hợp phức tạp. Còn trong trường hợp trên ta có thể sử dụng một cách đơn giản hơn đó là dùng method replaceAll[].

Chúng ta đơn giản chỉ cần như sau:

'homiedevhomiedev'.replaceAll['homiedev', 'blog'];
// blogblog

Như bạn thấy ở trên, kết quả ta nhận được giống như khi sử dụng regular expressions, bạn có thể sử dụng một trong những cách này để thay thể chuỗi theo ý muốn ^^.

Kết luận

Như vậy là chúng ta đã tìm hiểu xong method replaceAll[], hy vọng bài viết giúp ích cho các bạn.

Chúng ta sẽ gặp lại sau trong các bài viết sắp tới nhé!

About Me

Hi, I'm @devnav. Một người thích chia sẻ kiến thức, đặc biệt là về Frontend 🚀. Trang web này được tạo ra nhằm giúp các bạn học Frontend hiệu quả hơn 🎉😄.

Chúc các bạn tìm được kiến thức hữu ích trong blog này 😁😁.