Hướng dẫn substring trong javascript
Phương thức Show
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Nội dung được trích xuất sẽ là chuỗi kéo dài từ start đến end và không bao gồm phần tử end. Nếu start > end, phương thức sẽ hoán đổi vị trị 2 tham số này. Ví dụ Nếu start hoặc end nhỏ hơn 0, phương thức sẽ đặt giá trị cho nó thành 0. Bài viết này được đăng tại [free tuts .net] Phương thức Cú phápCú pháp: Trong đó:
Cách sử dụngVí dụ: Sử dụng phương thức
Kết quả freetuts.net la blog Tham khảo: php.net Phương thức substring() trong JavaScriptPhương thức substring() được dùng để: "Trích xuất một chuỗi ký tự con nằm giữa hai chỉ số được chỉ định trong chuỗi cha" Cú pháp:
Trong đó:
Xem ví dụ Một số trường hợp cần lưu ý khi sử dụng phương thứ substring():
Xem ví dụ
Xem ví dụ Hướng dẫn sử dụng javascript substring để cắt chuỗi trong JavaScript. Chúng ta sử dụng cả phương thức substring() lẫn slice() để cắt chuỗi trong JavaScript mà không làm thay đổi chuỗi ban đầu. Hai phương thức này có cách hoạt động phần lớn là giống nhau, và chỉ khác nhau khi chỉ định giá trị index làm phạm vi cắt mà thôi. Về slice() thì chúng ta đã học ở bài trước rồi và trong bài này, ngoài
việc học được cách sử dụng javascript substring thì chúng ta cũng sẽ làm rõ sự khác nhau của 2 phương pháp này trong bài học này.
Cắt chuỗi tại phạm vi chỉ định trong JavaScript bằng phương thức substring()Chúng ta cắt chuỗi trong JavaScript bằng cách sử dụng javascript substring để copy một phạm vi cần cắt ra từ chuỗi ban đầu và thu về kết quả dưới dạng một chuỗi mới. Phép cắt này không làm thay đổi chuỗi ban đầu. Chúng ta chỉ định phạm vi chuỗi con cần cắt ra từ chuỗi ban đầu làm đối số của phương thức substring() với cú pháp sau đây:
Trong đó:
Cú pháp và cách sử dụng của substring() khá giống với slice(). Chúng ta cũng có thể sử dụng cả các giá trị index âm lẫn index dương để chỉ định Tuy nhiên cần chú ý là khác với phương thức slice() thì các giá trị index chỉ định nếu nhỏ hơn 0 (index âm) hoặc lớn hơn Chúng ta cũng có thể lược bỏ 2 đối số Lại nữa, phương thức
substring() sẽ trả về một chuỗi mới có phạm vi từ ký tại const str = "abc123"; Bạn có thể thấy ký tự tại vị trí index kết thúc sẽ không nằm trong kết quả trả về rồi phải không nào. Và do chuỗi con được cắt ra không bao gồm ký tự ở index kết thúc, nên nếu muốn lấy cả ký tự tại index kết thúc thì khi chỉ định index kết thúc, chúng ta cần cộng thêm 1 đơn vị vào index kết thúc đó. Sau đây, chúng ta sẽ cùng xem các cách sử dụng nâng cao để cắt chuỗi trong JavaScript bằng phương thức substring() nhé. Cắt chuỗi trong JavaScript bằng phương thức substring() rút gọnRút gọn tất cả đối sốChúng ta có thể lược bỏ cả 2 đối số
Ví dụ: const str = "abc123"; Do 2
đối số này được rút gọn nên JavaScript sẽ mặc định coi Khi đó JavaScript sẽ hiểu phép cắt ở trên tương tự như sau: const str = "abc123"; Kết quả là chuỗi được cắt ra sẽ được cắt từ đầu đến cuối chuỗi ban đầu, khiến kết quả thu về sẽ bằng chính với chuỗi ban đầu như ở trên. Rút gọn index kết thúcChúng ta cũng có thể lược bỏ đối số
Khi lược bỏ Ví dụ cụ thể: const str = "abc123"; Lưu ý là chúng ta có thể lược bỏ index kết thúc hoặc là lược bỏ cùng lúc cả index bắt đầu và index kết thúc, tuy nhiên chúng ta không thể lược bỏ chỉ Cắt chuỗi trong JavaScript bằng phương thức substring() với index âm hoặc index lớn hơn str.lengthChúng ta có thể sử dụng
index âm để chỉ định các đối số Tương tự thì nếu chúng ta chỉ định index bởi một giá trị lớn hơn str.length (nằm ngoài phạm vi index của chuỗi) thì index này cũng sẽ được chuyển sang giá trị mặc định bằng Ví dụ, chúng ta chỉ định const str = "abc123"; Tương tự, chúng ta cũng có thể chỉ định
const str = "abc123"; Hoặc là khi rút gọn index bắt đầu và chỉ định const str = "abc123"; Lưu ý là khi chỉ định const str = "abc123"; Tương tự khi chúng ta không rút gọn const str = "abc123"; Lý do là sau khi chuyển index thành giá trị Cắt chuỗi trong JavaScript bằng phương thức substring() khi index bắt đầu nhỏ hơn index kết thúcTrong trường hợp chỉ định
Ví dụ cụ thể: let prog = 'JavaScript'; Sự khác biệt giữa substring() và slice() trong JavaScriptThông qua các bài phân tích của Kiyoshi về substring() và slice() thì chúng ta có thể nhận thấy ở chúng có khá nhiều điểm tương đồng. Chúng đều được sử dụng để cắt một phạm vi từ trong chuỗi JavaScript mà không làm thay đổi chuỗi ban đầu. Và cú pháp cũng như cách sử dụng của chúng tương đối là giống nhau. Tuy nhiên ở giữa chúng vẫn có những sự khác biệt nhất định trong việc chỉ định giá trị index. Sự khác biệt giữa substring() và slice() trong JavaScript có thể được khái quát như sau:
Ứng dụng javascript substring để thay thế ký tự trong chuỗi JavaScriptMặc dù Kiyoshi đã giới thiệu các cách tốt nhất để thay thế ký tự trong chuỗi JavaScript bằng phương thức replace() trong bài viết Thay thế ký tự trong chuỗi JavaScript (replace) rồi, tuy nhiên thì bằng cách ứng dụng substring() thì chúng có thêm một lựa chọn nữa để thực hiện việc này. Ý tưởng ở đây đó là, chúng ta sử dụng substring để cắt chuỗi ban đầu thành 2 phần, 1 phần là từ đầu tới vị trí ký tự cần thay thế và phần còn lại là từ vị trí ký tự cần thay thế đến cuối chuỗi ban đầu. Sau đó thì nối 2 chuỗi đó lại cùng với ký tự thay thế ở giữa chúng là xong. Để tìm ra vị trí của ký tự cần thay thế trong chuỗi ban đầu, chúng ta có thể sử dụng vòng lặp for, hoặc các phương thức có sẵn khác như indexOf() hoặc là lastIndexOf(). Ví dụ, chúng ta có thể thay thế dấu gạch dưới cuối cùng trong chuỗi JavaScript bằng substring() như sau: let str = "a_b_c_d_" Hoặc là sử dụng một vòng lặp for để tìm ra vị trí ký tự cần so sánh để thay thế nó, giống như ví dụ sử dụng tại developer.mozilla như sau: function replaceString(oldS, newS, fullS, n) {
Tổng kếtTrên đây Kiyoshi đã hướng dẫn bạn cách tính cắt chuỗi trong JavaScript bằng phương thức substring() rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé. Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo. Viết bởi Kiyoshi. Đã đăng ký bản quyền tác giả tại <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" rel="license noopener" target="_blank" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creativecommons</a> và <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" target="_blank" rel="noopener" href="https://www.dmca.com/Protection/Status.aspx?ID=1631afcd-7c4a-467d-8016-402c5073e5cd" class="dmca-badge">DMCA</a><script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> Bài viết liên quanHãy
chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam! HOME>> học javascript - lập trình javascript cơ bản>>02. chuỗi trong javascript
Profile Tác giả : Kiyoshi (Chis Thanh) Kiyoshi là một cựu du học sinh tại Nhật Bản. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản. |