JavaScript Reference - Tập 2: Thao tác Chuỗi (Strings) đầy đủ nhất

Table of contents

1. Tìm kiếm và Kiểm tra

• indexOf(value): Trả về vị trí đầu tiên của giá trị tìm thấy. Trả về -1 nếu không thấy.
• includes(value): Trả về true/false nếu chuỗi có chứa giá trị đó. (ES6)
• startsWith() / endsWith(): Kiểm tra chuỗi có bắt đầu hoặc kết thúc bằng giá trị cụ thể không.

2. Trích xuất Chuỗi (Extracting)

Có 3 phương thức phổ biến để cắt một phần của chuỗi:

1. slice(start, end): Cắt từ vị trí start đến end. Hỗ trợ chỉ số âm (đếm ngược từ cuối).
2. substring(start, end): Tương tự slice nhưng không hỗ trợ chỉ số âm.
3. substr(start, length): (Bị phản đối - Deprecated) Cắt từ start với độ dài chỉ định. Nên dùng slice thay thế.

3. Thay thế và Biến đổi

• replace(old, new): Thay thế giá trị đầu tiên tìm thấy.
• replaceAll(old, new): Thay thế toàn bộ các giá trị tìm thấy (ES2021).
• toUpperCase() / toLowerCase(): Chuyển thành chữ IN HOA hoặc chữ thường.
• trim(): Loại bỏ khoảng trắng dư thừa ở hai đầu chuỗi.

4. Chuyển đổi thành Mảng (Split)

Phương thức split() cực kỳ hữu ích khi bạn muốn biến một chuỗi thành một danh sách (mảng) dựa trên một ký tự ngăn cách.

let tags = "js, react, astro";
let arr = tags.split(", "); // ["js", "react", "astro"]

5. Các phương thức mới đáng chú ý (ES2021+)

• at(index): Cho phép truy cập ký tự theo vị trí, hỗ trợ chỉ số âm giống như trong mảng.
• padStart() / padEnd(): Thêm ký tự vào đầu/cuối chuỗi để đạt được độ dài mong muốn (Ví dụ: Định dạng số thẻ ngân hàng hoặc ngày tháng).

Lời kết Tập 2

Việc ghi nhớ toàn bộ các phương thức này là không cần thiết, nhưng bạn cần biết chúng tồn tại để có thể tra cứu khi cần. Trong Tập 3, chúng ta sẽ khám phá thế giới của Numbers và Math Objects.

Hẹn gặp lại các bạn!