Giới thiệu
Một chuỗi là một chuỗi của một hoặc nhiều ký tự có thể bao gồm các chữ cái, số hoặc ký hiệu. Mỗi ký tự trong chuỗi JavaScript có thể được truy cập bằng một số chỉ mục và tất cả các chuỗi đều có các phương thức và thuộc tính có sẵn cho chúng.string is a sequence of one or more characters that may consist of letters, numbers, or symbols. Each character in a JavaScript string can be accessed by an index number, and all strings have methods and properties available to them.
Trong hướng dẫn này, chúng tôi sẽ tìm hiểu sự khác biệt giữa các nguyên thủy chuỗi và đối tượng
typeof stringObject;
6, cách các chuỗi được lập chỉ mục, cách truy cập các ký tự trong một chuỗi và các thuộc tính và phương thức chung được sử dụng trên các chuỗi.Chuỗi nguyên thủy và các đối tượng chuỗi
Đầu tiên, chúng tôi sẽ làm rõ hai loại chuỗi. JavaScript phân biệt giữa chuỗi nguyên thủy, kiểu dữ liệu bất biến và đối tượng
typeof stringObject;
6.string primitive, an immutable datatype, and the typeof stringObject;
6 object.Để kiểm tra sự khác biệt giữa hai, chúng tôi sẽ khởi tạo một đối tượng nguyên thủy và chuỗi.
// Initializing a new string primitive
const stringPrimitive = "A new string.";
// Initializing a new String object
const stringObject = new String["A new string."];
Chúng ta có thể sử dụng toán tử
typeof stringObject;
8 để xác định loại giá trị. Trong ví dụ đầu tiên, chúng tôi chỉ cần gán một chuỗi cho một biến.typeof stringPrimitive;
Output
string
Trong ví dụ thứ hai, chúng tôi đã sử dụng
typeof stringObject;
9 để tạo một đối tượng chuỗi và gán nó cho một biến.typeof stringObject;
Output
object
Hầu hết thời gian bạn sẽ tạo ra các nguyên thủy chuỗi. JavaScript có thể truy cập và sử dụng các thuộc tính và phương thức tích hợp của trình bao bọc đối tượng
typeof stringObject;
6 mà không thực sự thay đổi chuỗi nguyên thủy mà bạn đã tạo thành một đối tượng.Mặc dù khái niệm này là một chút thách thức lúc đầu, bạn nên nhận thức được sự khác biệt giữa nguyên thủy và đối tượng. Về cơ bản, có các phương thức và thuộc tính có sẵn cho tất cả các chuỗi, và trong nền JavaScript sẽ thực hiện chuyển đổi sang đối tượng và trở lại nguyên thủy mỗi khi một phương thức hoặc thuộc tính được gọi.
Cách các chuỗi được lập chỉ mục
Mỗi ký tự trong một chuỗi tương ứng với một số chỉ mục, bắt đầu bằng
Output
object
1.Để chứng minh, chúng tôi sẽ tạo một chuỗi với giá trị
Output
object
2.
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
r
e
y
u
"How are you?";
?
"How are you?"[5];
Output
r
Ký tự đầu tiên trong chuỗi là
Output
object
3, tương ứng với chỉ mục Output
object
1. Nhân vật cuối cùng là Output
object
5, tương ứng với Output
object
6. Các ký tự khoảng trắng cũng có một chỉ số, tại Output
object
7 và Output
object
8."How are you?".charAt[5];
Output
r
Có thể truy cập mọi ký tự trong một chuỗi cho chúng ta một số cách để làm việc và thao tác các chuỗi.
typeof stringPrimitive;
0typeof stringPrimitive;
1Truy cập các ký tự
Chúng tôi sẽ chứng minh cách truy cập các ký tự và chỉ số với chuỗi
Output
object
2.typeof stringPrimitive;
2typeof stringPrimitive;
3Sử dụng ký hiệu khung vuông, chúng ta có thể truy cập bất kỳ ký tự nào trong chuỗi.
typeof stringPrimitive;
4typeof stringPrimitive;
5Chúng ta cũng có thể sử dụng phương thức
"How are you?";
0 để trả về ký tự bằng số chỉ mục làm tham số.typeof stringPrimitive;
6typeof stringPrimitive;
7Ngoài ra, chúng ta có thể sử dụng
"How are you?";
1 để trả về số chỉ mục bằng ví dụ đầu tiên của một ký tự.Mặc dù có thể xuất hiện hai lần trong chuỗi
Output
object
2, "How are you?";
1 sẽ có được phiên bản đầu tiên.typeof stringPrimitive;
8typeof stringPrimitive;
9"How are you?";
4 được sử dụng để tìm trường hợp cuối cùng.Đối với cả hai phương thức này, bạn cũng có thể tìm kiếm nhiều ký tự trong chuỗi. Nó sẽ trả về số chỉ mục của ký tự đầu tiên trong trường hợp.
Phương thức
"How are you?";
5, mặt khác, trả về các ký tự giữa hai số chỉ mục. Tham số đầu tiên sẽ là số chỉ mục bắt đầu và tham số thứ hai sẽ là số chỉ mục nơi nó sẽ kết thúc.Output
string
0Output
string
1Lưu ý rằng
Output
object
6 là Output
object
5, nhưng Output
object
5 không phải là một phần của đầu ra trả về. "How are you?";
5 sẽ trả về những gì giữa, nhưng không bao gồm tham số cuối cùng.Nếu không bao gồm tham số thứ hai, "How are you?";
5 sẽ trả lại mọi thứ từ tham số đến cuối chuỗi.
"How are you?";
Để tóm tắt,
"How are you?";
0 và "How are you?";
5 sẽ giúp trả về các giá trị chuỗi dựa trên số chỉ mục và "How are you?";
1 và "How are you?";
4 sẽ thực hiện ngược lại, trả về các số chỉ mục dựa trên các ký tự chuỗi được cung cấp.Tìm độ dài của một chuỗi
Output
string
2Output
string
3Sử dụng thuộc tính
"How are you?"[5];
5, chúng ta có thể trả về số lượng ký tự trong một chuỗi.Output
string
4Output
string
5Hãy nhớ rằng thuộc tính
"How are you?"[5];
5 đang trả về số lượng ký tự thực tế bắt đầu bằng 1, xuất hiện thành 12, không phải là số chỉ mục cuối cùng, bắt đầu từ Output
object
1 và kết thúc tại Output
object
6.Chuyển đổi thành chữ thường trên hoặc thường
Hai phương pháp tích hợp "How are you?"[5];
9 và Output
r
0 là những cách hữu ích để định dạng văn bản và thực hiện so sánh văn bản trong JavaScript.
"How are you?"[5];
Output
r
"How are you?"[5];
9 sẽ chuyển đổi tất cả các ký tự thành ký tự chữ hoa.Output
string
6Output
string
7Bây giờ chúng tôi có một mảng mới trong biến
Output
r
5, chúng tôi có thể truy cập từng phần với một số chỉ mục.Output
string
8Output
string
9Nếu một tham số trống được đưa ra,
Output
r
3 sẽ tạo một mảng được phân tách bằng dấu phẩy với mỗi ký tự trong chuỗi.
Bằng cách phân tách các chuỗi, bạn có thể xác định có bao nhiêu từ trong một câu và sử dụng phương pháp như một cách để xác định mọi người tên và tên cuối cùng, chẳng hạn.
Cắt tỉa khoảng trắng
Phương pháp JavaScript
Output
r
7 sẽ loại bỏ khoảng trắng từ cả hai đầu của một chuỗi, nhưng không phải bất cứ nơi nào ở giữa. Khoảng trắng có thể là tab hoặc không gian.typeof stringObject;
0typeof stringObject;
1Phương pháp
Output
r
7 là một cách đơn giản để thực hiện nhiệm vụ chung là loại bỏ khoảng trắng dư thừa.Tìm và thay thế các giá trị chuỗi
Chúng ta có thể tìm kiếm một chuỗi cho một giá trị và thay thế nó bằng một giá trị mới bằng phương thức
Output
r
9. Tham số đầu tiên sẽ là giá trị được tìm thấy và tham số thứ hai sẽ là giá trị để thay thế nó.typeof stringObject;
2typeof stringObject;
3Ngoài việc có thể thay thế một giá trị bằng một giá trị chuỗi khác, chúng ta cũng có thể sử dụng các biểu thức thông thường để làm cho
Output
r
9 mạnh hơn. Chẳng hạn, Output
r
9 chỉ ảnh hưởng đến giá trị đầu tiên, nhưng chúng ta có thể sử dụng cờ "How are you?".charAt[5];
2 [toàn cầu] để bắt tất cả các trường hợp của một giá trị và cờ "How are you?".charAt[5];
3 [trường hợp không nhạy cảm] để bỏ qua trường hợp.typeof stringObject;
4typeof stringObject;
5Đây là một nhiệm vụ rất phổ biến sử dụng các biểu thức thường xuyên. Ghé thăm Regexr để thực hành nhiều ví dụ về Regex.
Sự kết luận
Chuỗi là một trong những loại dữ liệu được sử dụng thường xuyên nhất và có rất nhiều thứ chúng ta có thể làm với chúng.
Trong hướng dẫn này, chúng tôi đã học được sự khác biệt giữa đối tượng nguyên thủy và
typeof stringObject;
6, cách lập chỉ mục chuỗi và cách sử dụng các phương thức và thuộc tính tích hợp của chuỗi để truy cập các ký tự, định dạng văn bản và tìm và thay thế các giá trị.Để biết tổng quan chung hơn về các chuỗi, hãy đọc hướng dẫn cách làm việc với các chuỗi trong JavaScript.