Hướng dẫn javascript substring by character - chuỗi con javascript theo ký tự

Ví dụ

Trích xuất một chuỗi con từ văn bản:

Show

hãy để văn bản = "Hello World!"; Đặt kết quả = text.SubString (1, 4);
let result = text.substring(1, 4);

Hãy tự mình thử »

Bắt đầu từ vị trí 2:

Đặt kết quả = text.subString (2);

Hãy tự mình thử »

Bắt đầu từ vị trí 2:


Đặt kết quả = text.subString (2);

Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng

Phương thức

string.substring(start, end)
1 trích xuất các ký tự, giữa hai chỉ số (vị trí), từ một chuỗi và trả về chuỗi con.

Phương pháp

string.substring(start, end)
1 trích xuất các ký tự từ đầu đến cuối (độc quyền).

Phương thức

string.substring(start, end)
1 không thay đổi chuỗi gốc.


Nếu bắt đầu lớn hơn kết thúc, các đối số được hoán đổi: (4, 1) = (1, 4).

Giá trị bắt đầu hoặc kết thúc nhỏ hơn 0, được coi là 0.

Cú pháp

String.SubString (bắt đầu, kết thúc)Thông số
Tham sốSự mô tả
Start position.
First character is at index 0.
bắt đầuYêu cầu. Vị trí bắt đầu. Ký tự đầu tiên là tại Index 0.
End position (up to, but not including).
If omitted: the rest of the string.

chấm dứt

Tùy chọn.end Vị trí (lên đến, nhưng không bao gồm) .if bỏ qua: phần còn lại của chuỗi.Thông số
Tham sốSự mô tả


bắt đầu

Yêu cầu. Vị trí bắt đầu. Ký tự đầu tiên là tại Index 0.

chấm dứt

Hãy tự mình thử »

Bắt đầu từ vị trí 2:

Đặt kết quả = text.subString (2);

Hãy tự mình thử »

Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng

Hãy tự mình thử »

Phương thức

string.substring(start, end)
1 trích xuất các ký tự, giữa hai chỉ số (vị trí), từ một chuỗi và trả về chuỗi con.

Phương pháp

string.substring(start, end)
1 trích xuất các ký tự từ đầu đến cuối (độc quyền).

Hãy tự mình thử »


Phương thức string.substring(start, end)1 không thay đổi chuỗi gốc.

Nếu bắt đầu lớn hơn kết thúc, các đối số được hoán đổi: (4, 1) = (1, 4).

Giá trị bắt đầu hoặc kết thúc nhỏ hơn 0, được coi là 0.

Cú phápString.SubString (bắt đầu, kết thúc)Thông sốTham sốSự mô tảbắt đầu
Yêu cầu. Vị trí bắt đầu. Ký tự đầu tiên là tại Index 0.Yêu cầu. Vị trí bắt đầu. Ký tự đầu tiên là tại Index 0.Yêu cầu. Vị trí bắt đầu. Ký tự đầu tiên là tại Index 0.Yêu cầu. Vị trí bắt đầu. Ký tự đầu tiên là tại Index 0.Yêu cầu. Vị trí bắt đầu. Ký tự đầu tiên là tại Index 0.Yêu cầu. Vị trí bắt đầu. Ký tự đầu tiên là tại Index 0.


Examples

Extract a substring from text:

hãy để văn bản = "Hello World!"; Đặt kết quả = text.substr (1, 4);
let result = text.substr(1, 4);

Hãy tự mình thử »

Bắt đầu ở vị trí 2:

Đặt kết quả = text.substr (2);

Hãy tự mình thử »

Bắt đầu ở vị trí 2:


Đặt kết quả = text.substr (2);

Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng

Phương pháp

string.substring(start, end)
5 trích xuất một phần của chuỗi.

Phương thức

string.substring(start, end)
5 bắt đầu ở một vị trí được chỉ định và trả về một số ký tự được chỉ định.


Phương thức string.substring(start, end)5 không thay đổi chuỗi ban đầu.

Để trích xuất các ký tự từ cuối chuỗi, hãy sử dụng vị trí bắt đầu âm.

Cú pháp

String.substr (bắt đầu, độ dài)Thông số
Tham sốSự mô tả
The start position.
First character is at index 0.

bắt đầu
If start is negative, substr() counts from the end of the string.

Yêu cầu. Vị trí bắt đầu. Nhân vật đầu tiên ở chỉ mục 0. Nếu bắt đầu lớn hơn độ dài, Subr () trả về "" ".if start là âm, số phụ () được tính từ cuối chuỗi.
The number of characters to extract.
If omitted, it extracts the rest of the string

chiều dài

Tùy chọn. Số lượng ký tự để trích xuất. Bỏ qua, nó trích xuất phần còn lại của chuỗiThông số
Tham sốSự mô tả
If length is 0 or negative, an empty string is returned.


bắt đầu


Yêu cầu. Vị trí bắt đầu. Nhân vật đầu tiên ở chỉ mục 0.

Nếu bắt đầu lớn hơn độ dài, Subr () trả về "" ".if start là âm, số phụ () được tính từ cuối chuỗi.

chiều dài

Tùy chọn. Số lượng ký tự để trích xuất. Bỏ qua, nó trích xuất phần còn lại của chuỗiGiá trị trả vềLoại hìnhMột chuỗiMột chuỗi chứa phần được trích xuất.if chiều dài là 0 hoặc âm, một chuỗi trống được trả về.Nhiều ví dụ hơn
Hỗ trợ trình duyệtHỗ trợ trình duyệtHỗ trợ trình duyệtHỗ trợ trình duyệtHỗ trợ trình duyệtHỗ trợ trình duyệt


Phương thức 

string.substring(start, end)
9 sẽ trích xuất nội dung của một chuỗi, nội dung trích xuất sẽ được xác định bằng hai tham số start và end. Phương thức sẽ trả về nội dung được trích xuất từ chuỗi gốc ban đầu.

Nội dung chính ShowShow

  • Cách sử dụng
  • Phương thức substring() trong JavaScript
  • Cắt chuỗi tại phạm vi chỉ định trong JavaScript bằng phương thức substring()
  • Cắt chuỗi trong JavaScript bằng phương thức substring() rút gọn
  • Rút gọn tất cả đối số
  • Rút gọn index kết thúc
  • 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.length
  • 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úc
  • Sự khác biệt giữa substring() và slice() trong JavaScript
  • Ứng dụng javascript substring để thay thế ký tự trong chuỗi JavaScript
  • Tổng kết

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.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ụ 

0 sẽ trở thành 
1.

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 

string.substring(start, end)
9 sẽ không làm thay đổi chuỗi nguồn ban đầu.

Cú pháp

Cú pháp: 

3
3

Trong đó::

  • start là vị trị bắt đầu trích xuất.
  • end là vị trí kết thúc, trích xuất sẽ không bao gồm phần tử end.

Cách sử dụng

Ví dụ: Sử dụng phương thức 

string.substring(start, end)
9 để trích xuất nội dung chuỗi.: Sử dụng phương thức 
string.substring(start, end)
9 để trích xuất nội dung chuỗi.



    
        
    
    
        

Học lập trình miễn phí tại freetuts.net

Kết quả

freetuts.net la blog

Tham khảo: php.net

Phương thức substring() trong JavaScript

Cắt chuỗi tại phạm vi chỉ định trong JavaScript bằng phương thức substring()substring() được dùng để:

Cắt chuỗi trong JavaScript bằng phương thức substring() rút gọn

Rút gọn tất cả đối số

string.substring(start, end)

Trong đó:

  • start là vị trị bắt đầu trích xuất.
  • end là vị trí kết thúc, trích xuất sẽ không bao gồm phần tử end.

Ví dụ: Sử dụng phương thức 

string.substring(start, end)
9 để trích xuất nội dung chuỗi.

Kết quả

Tham khảo: php.net"Tài liệu học HTML".substring(4,14)

Phương thức substring() được dùng để:0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
"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:start là chỉ số của ký tự đầu tiên mà bạn muốn bắt đầu việc trích xuất.end là chỉ số của ký tự cuối cùng mà bạn muốn kết thúc việc trích xuất. 1) Giá trị trả về của phương thức substring() là một chuỗi.end là chỉ số của ký tự cuối cùng mà bạn muốn kết thúc việc trích xuất.1) Giá trị trả về của phương thức substring() là một chuỗi.- Chuỗi được trả về không bao gồm ký tự ở chỉ số end. - Dưới đây là một ví dụ minh họa để giúp bạn dễ hình dung ra chuỗi được trích xuất trong chuỗi gốc là phần nào: "Tài liệu học HTML".substring(4,14)Chỉ sốChuỗi T Cú pháp:start là chỉ số của ký tự đầu tiên mà bạn muốn bắt đầu việc trích xuất.end là chỉ số của ký tự cuối cùng mà bạn muốn kết thúc việc trích xuất.

1) Giá trị trả về của phương thức substring() là một chuỗi.


- Chuỗi được trả về không bao gồm ký tự ở chỉ số end.

- Dưới đây là một ví dụ minh họa để giúp bạn dễ hình dung ra chuỗi được trích xuất trong chuỗi gốc là phần nào: "Tài liệu học HTML".substring(4,14)

  • Chỉ số
  • Chuỗi

- Chuỗi được trả về không bao gồm ký tự ở chỉ số end.


- Chuỗi được trả về không bao gồm ký tự ở chỉ số end.

- Dưới đây là một ví dụ minh họa để giúp bạn dễ hình dung ra chuỗi được trích xuất trong chuỗi gốc là phần nào: "Tài liệu học HTML".substring(4,14)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.

  • Chỉ số

Cắt chuỗi tại phạm vi chỉ định trong JavaScript bằng phương thức substring()

Chuỗijavascript 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.

T

à

Trong đó:

  • start là vị trị bắt đầu trích xuất.
  • end là vị trí kết thúc, trích xuất sẽ không bao gồm phần tử end.

Ví dụ: Sử dụng phương thức 

string.substring(start, end)
9 để trích xuất nội dung chuỗi.

Kết quả

Tham khảo: php.netindex bắt đầu được rút gọn thì JavaScript sẽ mặc định coi nó bằng 0, và nếu index kết thúc được rút gọn thì JavaScript sẽ mặc định coi nó bằng độ dài chuỗi ban đầu (tính bằng str.length).

Phương thức substring() được dùng để:

const str = "abc123";
console.log(str.substring(1, 2));
console.log(str.substring(3, 6));

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ọn

Rút gọn tất cả đối số

Chúng ta có thể lược bỏ cả 2 đối số

7 và
8 để sử dụng phương thức substring() rút gọn với cú pháp sau đây:

string.substring(start, end)
9

Ví dụ:

const str = "abc123";
console.log(str.substring());

Do 2 đối số này được rút gọn nên JavaScript sẽ mặc định coi

0 , và
1.

Khi đó JavaScript sẽ hiểu phép cắt ở trên tương tự như sau:

const str = "abc123";
console.log(str.substring(0, str.length));

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úc

Chúng ta cũng có thể lược bỏ đối số

8 để và chỉ giữ lại
7 khi sử dụng phương thức substring() với cú pháp sau đây:

4

Khi lược bỏ

8, về mặc định thì JavaScript sẽ tự coi
8 lúc này bằng chính độ dài của chuỗi (tính bằng string.length).

Ví dụ cụ thể:

const str = "abc123";

console.log(str.substring(2));


console.log(str.substring(3));


console.log(str.substring(4));

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ỉ

7 khi sử dụng phương thức substring() để cắt chuỗi trong JavaScript.không thể lược bỏ chỉ
7 khi sử dụng phương thức substring() để cắt chuỗi trong JavaScript.

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.length

Chúng ta có thể sử dụng index âm để chỉ định các đối số

7 và
8. Nếu chỉ định chúng bằng giá trị âm thì chúng sẽ được chuyển sang giá trị mặc định bằng
2.

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

2.

Ví dụ, chúng ta chỉ định

7 bằng một giá trị index âm như sau:

freetuts.net la blog
0

Tương tự, chúng ta cũng có thể chỉ định

8 bằng giá trị âm như sau:

freetuts.net la blog
1

Hoặc là khi rút gọn index bắt đầu và chỉ định

8 bằng giá trị lớn hơn
1 thì một chuỗi trống cũng được trả về.

freetuts.net la blog
2

Lưu ý là khi chỉ định

7 là một số dương và
8 là một số âm thì kết quả sẽ không phải là một chuỗi trống như ở trên.

freetuts.net la blog
3

Tương tự khi chúng ta không rút gọn

7 và chỉ định một index lớn hơn
1 thì kết quả trả về cũng không phải là một chuỗi trống.

freetuts.net la blog
4

Lý do là sau khi chuyển index thành giá trị

2 như trên thì phép cắt lúc này sẽ chuyển sang trường hợp khi mà
7 lại nhỏ hơn
8), và chúng ta sẽ cùng làm rõ trường hợp này ngay sau đây.

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úc

Trong trường hợp chỉ định

7 nhỏ hơn
8, hoặc là khi 2 index này bằng nhau, giá trị 2 index này sẽ được hoán đổi cho nhau và tiếp tục thực hiện phép cắt chuỗi trong JavaScript.

Ví dụ cụ thể:

freetuts.net la blog
5

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ỉ 7 khi sử dụng phương thức substring() để cắt chuỗi trong JavaScript.

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.length

Chúng ta có thể sử dụng index âm để chỉ định các đối số

7 và
8. Nếu chỉ định chúng bằng giá trị âm thì chúng sẽ được chuyển sang giá trị mặc định bằng
2.

  1. 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

    2.

    freetuts.net la blog
    6
  2. Ví dụ, chúng ta chỉ định

    7 bằng một giá trị index âm như sau:

    freetuts.net la blog
    7
  3. Tương tự, chúng ta cũng có thể chỉ định

    8 bằng giá trị âm như sau:

    freetuts.net la blog
    8
  • Hoặc là khi rút gọn index bắt đầu và chỉ định
    8 bằng giá trị lớn hơn
    1 thì một chuỗi trống cũng được trả về.

Lưu ý là khi chỉ định 7 là một số dương và 8 là một số âm thì kết quả sẽ không phải là một chuỗi trống như ở trên.

Tương tự khi chúng ta không rút gọn

7 và chỉ định một index lớn hơn
1 thì kết quả trả về cũng không phải là một chuỗi trống.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.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().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:thay thế dấu gạch dưới cuối cùng trong chuỗi JavaScript bằng substring() như sau:

freetuts.net la blog
9

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:

string.substring(start, end)
0
  • Xem thêm: Thay thế ký tự trong chuỗi JavaScript (replace)

Tổng kết

Trê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é.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 Creativecommons và DMCA