Current date Tháng 5 18, 2026
JavaScript Reference

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

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

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 NumbersMath Objects.

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

Share URL copied

Leave a comment

Để lại một bình luận

Email 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 *

Active0
AI3
AI & Automation10

Exclusives

Lifestyle

Related Articles

JavaScript Reference – Tập 18: HTMLCollection & NodeList – Quản lý danh sách phần tử

So sánh chi tiết HTMLCollection và NodeList trong JavaScript. Học cách phân...

JavaScript Reference – Tập 17: HTML DOM Style – Điều khiển CSS bằng JS

Hướng dẫn chi tiết cách sử dụng đối tượng Style để thay...

JavaScript Reference – Tập 16: Event Objects – Lắng nghe mọi tương tác

Tìm hiểu toàn diện về các đối tượng sự kiện (Event Objects)...

JavaScript Reference – Tập 15: HTML Attributes – Làm chủ thuộc tính phần tử

Khám phá đối tượng Attributes và NamedNodeMap trong HTML DOM. Học cách...