Trong hướng dẫn này, bạn sẽ tìm hiểu về chuỗi JavaScript với sự trợ giúp của các ví dụ.
Chuỗi JavaScript là một kiểu dữ liệu nguyên thủy được sử dụng để làm việc với các văn bản. Ví dụ,
const name = 'John';
Tạo chuỗi JavaScript
Trong JavaScript, các chuỗi được tạo bằng cách đặt chúng bằng dấu ngoặc kép. Có ba cách bạn có thể sử dụng dấu ngoặc kép.
- Dấu nháy đơn:
'Hello' - Dấu ngoặc kép:
"Hello" - Gậy ngược:
`Hello`
Ví dụ,
//strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;
Dấu nháy đơn và dấu ngoặc kép thực tế giống nhau và bạn có thể sử dụng một trong hai.
Dấu gạch chéo thường được sử dụng khi bạn cần bao gồm các biến hoặc biểu thức vào một chuỗi. Điều này được thực hiện bằng cách gói các biến hoặc biểu thức với $(variable or expression)như hình trên.
Bạn cũng có thể viết một câu trích dẫn bên trong một câu trích dẫn khác. Ví dụ,
const name = 'My name is "Peter".';
Tuy nhiên, câu trích dẫn không được khớp với những câu trích dẫn xung quanh. Ví dụ,
const name = 'My name is 'Peter'.'; // error
Truy cập các ký tự chuỗi
Bạn có thể truy cập các ký tự trong một chuỗi theo hai cách.
- Một cách là coi các chuỗi như một mảng. Ví dụ,
const a = 'hello'; console.log(a(1)); // "e"
- Một cách khác là sử dụng phương pháp
charAt(). Ví dụ,
const a = 'hello'; console.log(a.charAt(1)); // "e"
Chuỗi JavaScript là bất biến
Trong JavaScript, chuỗi là bất biến. Điều đó có nghĩa là không thể thay đổi các ký tự của một chuỗi. Ví dụ,
let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"
Tuy nhiên, bạn có thể gán tên biến cho một chuỗi mới. Ví dụ,
let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"
JavaScript phân biệt chữ hoa chữ thường
JavaScript phân biệt chữ hoa chữ thường. Điều đó có nghĩa là trong JavaScript, chữ thường và chữ hoa được coi là các giá trị khác nhau. Ví dụ,
const a = 'a'; const b = 'A' console.log(a === b); // false
Trong JavaScript, avà Ađược coi là các giá trị khác nhau.
Chuỗi đa dòng JavaScript
Để sử dụng một chuỗi nhiều dòng, bạn có thể sử dụng +toán tử hoặc toán tử. Ví dụ,
// using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'
Độ dài chuỗi JavaScript
Để tìm độ dài của một chuỗi, bạn có thể sử dụng thuộc lengthtính tích hợp sẵn. Ví dụ,
const a = 'hello'; console.log(a.length); // 5
Đối tượng chuỗi JavaScript
Bạn cũng có thể tạo chuỗi bằng newtừ khóa. Ví dụ,
const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"
Lưu ý : Nên tránh sử dụng các đối tượng chuỗi. Sử dụng các đối tượng chuỗi sẽ làm chậm chương trình.
Phương thức chuỗi JavaScript
Dưới đây là các phương thức Chuỗi JavaScript thường được sử dụng:
| phương pháp | Sự miêu tả |
|---|---|
| charAt (chỉ mục) | trả về ký tự tại chỉ mục được chỉ định |
| concat () | nối hai hoặc nhiều chuỗi |
| thay thế() | thay thế một chuỗi bằng một chuỗi khác |
| tách () | chuyển đổi chuỗi thành một mảng chuỗi |
| substr (bắt đầu, độ dài) | trả về một phần của chuỗi |
| chuỗi con (bắt đầu, kết thúc) | trả về một phần của chuỗi |
| lát (bắt đầu, kết thúc) | trả về một phần của chuỗi |
| toLowerCase () | returns the passed string in lower case |
| toUpperCase() | returns the passed string in upper case |
| trim() | removes whitespace from the strings |
| includes() | searches for a string and returns a boolean value |
| search() | searches for a string and returns a position of a match |
Example: JavaScript String Methods
const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"
JavaScript String() Function
The String() function is used to convert various data types to strings. For example,
const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"
If you want to learn more about the string conversion, visit JavaScript Type Conversion.
Escape Character
You can use the backslash escape character to include special characters in a string. For example,
const name = 'My name is \'Peter\'.'; console.log(name);
Output
My name is 'Peter'.
In the above program, the same quote is included using .
Here are other ways that you can use :
| Code | Output |
|---|---|
| " | include double quote |
| \ | bao gồm dấu gạch chéo ngược |
| n | dòng mới |
| r | vận chuyển trở lại |
| v | tab dọc |
| t | Tab ngang |
| b | xóa lùi |
| f | thức ăn dạng |
