Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Tram Ho

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go)

1. Sao chép một chuỗi nhiều lần

Thay vì phải gõ 1 chuỗi lặp đi lặp lại thì bạn có thể sử dụng method .repeat().

Phương thức repeat() xây dựng và trả về một chuỗi mới chứa số lượng nhất định bản sao chép của chuỗi được gọi tới và nối chung với nhau.

2. Chèn thêm ký tự vào chuỗi với một độ dài cụ thể cho trước

Trường hợp này bạn sẽ thường hay gặp nếu muốn mã hoá số điện thoại hoặc mã thẻ bằng việc sử dụng 2 method padStart()padEnd(). Cụ thể bạn quan sát ví dụ sau để hình dung ra chức năng của nó

3. Biến string thành array

Sử dụng spread operator giúp bạn có thể dễ dàng biến string thành array trong 1 nốt nhạc

4. Đếm số ký tự trong chuỗi

Rất đơn giản, sử dụng length là xong

À mà từ từ quay xe đã, sao nó lại ra như này nhỉ =))

Có thể giải thích như sau: JS đại diện cho hầu hết các ký tự dưới dạng điểm mã 16 bit. Tuy nhiên, một số ký tự nhất định được biểu diễn dưới dạng hai (hoặc nhiều) điểm mã 16 bit, được gọi là các cặp thay thế . Nếu bạn đang sử dụng length, JS sẽ cho bạn biết có bao nhiêu điểm mã được sử dụng. Do đó, nó 𩸽 bao gồm hai điểm mã và trả về một giá trị không chính xác.

Để giải quyết vấn đề này, bạn sẽ cần nhét nó vào array và lấy length của array

5. Đảo ngược một chuỗi

Cũng lại cần đến anh array này 1 chút =))

6. Viết hoa chữ cái đầu

Để làm được điều này thì CSS chỉ cần 1 dòng, còn JS thì cần mấy dòng đây

Cách dài hơn nhưng an toàn hơn (bạn có thể xem lại #4 để hiểu issue)

7. Viết hoa chữ cái đầu tiên của mỗi từ

8. Chia nhỏ chuỗi dựa theo một nhóm ký tự

Để làm được điều này bạn sẽ cần kết hợp split() và biểu thức regex để xác định sẽ chia chuỗi theo nhóm ký tự nào.

Xem ví dụ sau để hiểu rõ hơn

9. Kiểm tra sự tồn tại của “chuỗi trong chuỗi”

Rất đơn giản, bạn có thể sử dụng includes()

10. Kiểm tra chuỗi bắt đầu/kết thúc bằng 1 chuỗi

11. Thay thế toàn bộ sự xuất hiện của từ trong chuỗi

Khi nghe đến bài toán này đa phần chúng ta sẽ nghĩ đến regex dạng

Tuy nhiên, trong các string method cũng có 1 method làm được điều tương tự

12. Xoá thẻ HTML ra khỏi chuỗi

13. Sắp xếp các ký tự trong chuỗi theo thứ tự bảng chữ cái

Kết luận

Trên đây là 1 vài đoạn snippet nho nhỏ nhưng có võ mình tin rằng sẽ giúp ích cho bạn rất nhiều trong quá trình làm việc với js.

Nếu thấy bài viết hay, hãy cho mình +1 upvote nhé. Nếu thích mình hãy nhấn nút follow để biết thêm nhiều thứ hay ho hơn. Chúc bạn thành công !

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo