Các phương thức xử lý chuỗi trong JavaScript

- Chuỗi (hay còn được gọi là chuỗi ký tự) là một dãy các ký tự, ví dụ:

- Một chuỗi sẽ có các phương thức và thuộc tính, với việc truy cập vào các phương thức và thuộc tính của chuỗi, ta có thể làm được những công việc như: đếm số lượng ký tự của chuỗi, chuyển toàn bộ ký tự của chuỗi về dạng chữ in hoa, chuyển toàn bộ ký tự của chuỗi về dạng chữ thường, trích xuất một chuỗi con bên trong chuỗi, ....

- Dưới đây là một số phương thức và thuộc tính thường được sử dụng nhất trong việc xử lý chuỗi:

1) Đếm số lượng ký tự của chuỗi

- Để đếm số lượng ký tự của một chuỗi, ta truy cập vào thuộc tính length của chuỗi đó.

<script>
    var text = "Tai lieu hoc JavaScript";
    var a = text.length; //Biến a sẽ có giá trị là 23

    var b = "JavaScript".length; //Biến b sẽ có giá trị là 10
</script>

2) Chuyển chuỗi về dạng chữ in hoa

- Để chuyển toàn bộ ký tự của một chuỗi về dạng chữ in hoa, ta truy cập vào phương thức toUpperCase() của chuỗi đó.

<script>
    var text = "Tai lieu hoc JavaScript";
    var a = text.toUpperCase(); //Biến a sẽ có giá trị là TAI LIEU HOC JAVASCRIPT

    var b = "JavaScript".toUpperCase(); //Biến b sẽ có giá trị là JAVASCRIPT    
</script>

3) Chuyển chuỗi về dạng chữ thường

- Để chuyển toàn bộ ký tự của một chuỗi về dạng chữ thường, ta truy cập vào phương thức toLowerCase() của chuỗi đó.

<script>
    var text = "Tai lieu hoc JavaScript";
    var a = text.toUpperCase(); //Biến a sẽ có giá trị là tai lieu hoc javascript

    var b = "JavaScript".toUpperCase(); //Biến b sẽ có giá trị là javacript
</script>

4) Nối các chuỗi lại với nhau

- Thay vì sử dụng toán tử + để nối các chuỗi lại với nhau thì ta cũng có thể sử dụng phương thức concat() với cú pháp như sau để nối chuỗi:

<script>
    var a = "Lập ";
    var b = "trình";
    var c = " web";

    var str1 = a.concat(b, c); //Tương tự "Lập " + "trình" + " web"
    var str2 = a.concat(b, " di động"); //Tương tự "Lập " + "trình" + " di động"
    var str3 = "Java".concat("Script"); //Tương tự "Java" + "Script"
</script>

5) Xác định chỉ số của một chuỗi con

- Ta có thể xác định được chỉ số của một chuỗi con nào đó nằm bên trong chuỗi bằng cách sử dụng phương thức indexOf() hoặc lastIndexOf().

- Cú pháp:

- Phương thức indexOf() sẽ trả về chỉ số của chuỗi trùng khớp được tìm thấy đầu tiên.

- Phương thức lastIndexOf() sẽ trả về chỉ số của chuỗi trùng khớp được tìm thấy cuối cùng.

<script>
    var text = "Tài liệu học HTML và tài liệu học CSS";
    var a = text.indexOf("học"); //Biến a sẽ có giá trị là 9
    var b = text.lastIndexOf("học"); //Biến b sẽ có giá trị là 30
</script>

- Ta có thể thêm vào phương thức indexOf() và lastIndexOf() tham số thứ hai để xác định vị trí bắt đầu tìm kiếm chuỗi.

<script>
    var text = "Tài liệu học HTML và tài liệu học CSS";
    var a = text.indexOf("học", 21); //Biến a sẽ có giá trị là 30
</script>

6) Trích xuất một ký tự trong chuỗi

- Ta có thể trích xuất một ký tự nào đó trong chuỗi bằng cách sử dụng phương thức charAt() với cú pháp như sau:

<script>
    var text = "TÀI LIỆU HỌC HTML";
    var a = text.charAt(4);
</script>

7) Trích xuất một chuỗi con

- Ta có thể trích xuất được một chuỗi con bên trong chuỗi bằng phương thức substring() hoặc substr()

7.1) Phương thức substring()

- Cú pháp:

• start là chỉ số của ký tự bắt đầu được trích xuất
• end là chỉ số của ký tự kết thúc việc trích xuất

<script>
    var text = "TÀI LIỆU HỌC HTML";
    var a = text.substring(4, 14);
</script>

- Dưới đây là ví dụ minh họa để giúp bạn thấy rõ cách trích xuất chuỗi của phương thức substring()

7.2) Phương thức substr()

- Cú pháp:

• start là chỉ số của ký tự bắt đầu được trích xuất
• length là số lượng ký tự được trích xuất

<script>
    var text = "TÀI LIỆU HỌC HTML";
    var a = text.substr(4, 3);
</script>

- Dưới đây là ví dụ minh họa để giúp bạn thấy rõ cách trích xuất chuỗi của phương thức substr()

8) Thay thế nội dung trong chuỗi

- Để thay thế một nội dung nào đó trong chuỗi bằng nội dung mới, ta sử dụng phương thức replace() với cú pháp như sau:

<script>
    var text = "Tài liệu học HTML";
    var a = text.replace("học", "tham khảo");
</script>

8.1) Thay thế tất cả nội dung trùng khớp

- Mặc định, phương thức replace() chỉ thay thế nội dung trùng khớp được tìm thấy đầu tiên.

<script>
    var text = "Tài liệu học HTML và tài liệu học CSS";
    var a = text.replace("học", "tham khảo");
</script>

- Để thay thế tất cả nội dung trùng khớp thì ta sử dụng biểu thức chính quy sau:

<script>
    var text = "Tài liệu học HTML và tài liệu học CSS";
    var a = text.replace(/học/g, "tham khảo");
</script>

8.2) Thay thế nội dung không phân biệt trường hợp chữ hoa hay thường

- Mặc định, phương thức replace() có phân biệt trường hợp chữ in hoa và chữ thường

<script>
    var text = "Tài liệu học HTML";
    var a = text.replace("HọC", "tham khảo");
</script>

- Để thay thế nội dung trùng khớp mà không phân biệt trường hợp chữ in hoa hay chữ thường thì ta sử dụng biểu thức chính quy sau:

<script>
    var text = "Tài liệu học HTML";
    var a = text.replace(/HọC/i, "tham khảo");
</script>

- Và để thay thế tất cả nội dung trùng khớp mà không phân biệt trường hợp chữ in hoa hay chữ thường thì ta sử dụng biểu thức chính quy sau:

<script>
    var text = "Tài liệu học HTML và tài liệu học CSS";
    var a = text.replace(/HọC/gi, "tham khảo");
</script>