Cách định dạng số điện thoại trong JavaScript

Cần phải giữ cho dữ liệu an toàn và liên kết, đặc biệt là khi liên quan đến số điện thoại. Các trang web thu thập số điện thoại của người dùng thường gặp vấn đề về định dạng. Người dùng điền vào dữ liệu của họ một cách rất không chắc chắn mà không xem xét các tiêu chuẩn. Nó gây khó khăn cho việc xử lý dữ liệu đối với các nhà phát triển trang web. Để tránh những trường hợp như vậy, JavaScript có thể được sử dụng để định dạng số điện thoại theo một tiêu chuẩn cụ thể.

Blog này sẽ thảo luận về quy trình liên quan đến định dạng số điện thoại trong JavaScript.

Làm thế nào để định dạng số điện thoại trong JavaScript?

Trong JavaScript, để định dạng số điện thoại, chúng tôi sẽ sử dụng các phương pháp sau:

• RegEx
• phương thức substr ()

Hãy cùng tìm hiểu phương pháp đầu tiên!

Phương pháp 1: Sử dụng RegEx để định dạng số điện thoại trong JavaScript

“ RegEx ”Là viết tắt của cụm từ thông dụng. Nó là vùng chứa các ký tự giới thiệu một mẫu tìm kiếm liên quan đến một chuỗi và sau đó thay thế hoặc loại bỏ các giá trị hiện có của một chuỗi bằng các giá trị mới tương ứng.

Hãy tiếp tục và lấy một ví dụ để hiểu cách sử dụng phương pháp RegEx có thể định dạng số điện thoại.

Thí dụ

Trong ví dụ này, chúng tôi sẽ tạo một biến “ P ”Và gán cho nó một số ngẫu nhiên chưa được định dạng:

Sau đó, gọi phương thức Replace (), trong đó \ D dành cho các chữ số từ [0-9], + là để phát hiện sự lặp lại của các chữ số và g là đối sánh toàn cục. Sau đó, lại gọi phương thức Replace () với một chuỗi ký tự đặc biệt, chẳng hạn như, (\ d {1}) để đặt một chữ số, (\ d {3}) để đặt ba chữ số và (\ d {4}) để đặt bốn chữ số. Để biết thêm về các hoạt động này, hãy xem bài viết chuyên dụng .

Hơn nữa, $ 1 sẽ là nhóm đầu tiên và dấu + sẽ được căn ngay trước nó, ($ 2) sẽ là nhóm thứ hai được đặt trong dấu ngoặc vuông, $ 3- $ 4 sẽ là nhóm thứ ba và thứ tư có dấu gạch ngang (-):

Bây giờ, in kết quả bằng dòng dưới đây:

Như bạn thấy, chúng tôi đã định dạng thành công số điện thoại.

Phương pháp 2: Sử dụng substr () để định dạng số trong JavaScript

Các ' substr () ”Phương pháp trích xuất chuỗi con từ một chỉ mục cụ thể cho đến chỉ mục kết thúc được đề cập. Phương pháp này có thể hỗ trợ tạo các chuỗi số con với định dạng và chuỗi ký tự phù hợp. Kết quả là, một số được định dạng sẽ được tạo ra.

Cú pháp

Đây, “ substr () Phương thức 'sẽ truy xuất chuỗi con từ' bắt đầu 'Cho đến' chấm dứt ”Chỉ số của chuỗi đã cho.

ví dụ 1

Hãy chia chương trình thành ba phần. Trong phần đầu tiên, chúng tôi sẽ xem xét giá trị “ p.substr (0, 3) ”, Vì 0 là điểm bắt đầu, và 3 là độ dài; trong phần thứ hai, giá trị “ p.substr (3, 3) 'Chỉ ra rằng các chữ số sẽ bắt đầu từ vị trí thứ 4 và độ dài của chúng sẽ là 3. Phần cuối cùng có giá trị' p.substr (6, 4) ”Trong đó các vị trí chữ số bắt đầu từ 7 và tổng độ dài của nó là 4:

Đầu ra

Bây giờ, hãy lấy một ví dụ khác để tìm ra cách chúng tôi có thể chèn mã quốc gia cùng với số của mình bằng cùng một phương pháp.

Ví dụ 2

Trong ví dụ này, chúng tôi sẽ lấy chuỗi “ str ”Và làm cho“ +1 ”Để lưu trữ trong đó:

Bây giờ, chúng tôi sẽ xác định 1 là điểm bắt đầu trong giá trị đầu tiên của “ p.substr (1, 3) ”. Đoạn mã còn lại sẽ được giữ nguyên:

In ra chuỗi str mới khởi tạo với chuỗi p:

Đầu ra

Chúng tôi đã tìm hiểu quy trình định dạng số điện thoại trong JavaScript thông qua hai phương pháp khác nhau.

Sự kết luận

Để định dạng số điện thoại, dấu “ RegEx ' hoặc ' substr () ”Có thể được sử dụng. Bằng cách xác định biểu thức chính quy, bạn cần tạo một mẫu và sau đó với sự trợ giúp của phương thức Replace (), số điện thoại có thể được định dạng. Trong phương thức substr (), có thể tạo ba phần và mỗi phần có điểm bắt đầu và độ dài được xác định. Bài viết này đã đề cập đến phương pháp định dạng số điện thoại trong JavaScript.