Hãy xem một ví dụ về một chuỗi được tạo bằng cách sử dụng một chuỗi ký tự, "Yes, You Can DO It. ". Trong JavaScript, chúng ta có thể tạo một chuỗi theo một số cách
- Sử dụng chuỗi ký tự như một nguyên thủy
const msg = "Yes, You Can DO It!";
- Sử dụng hàm tạo
8 làm đối tượngconst msg = new String["Yes, You Can DO It!"];
const msg = new String["Yes, You Can DO It!"];
Một sự thật thú vị về chuỗi trong JavaScript là chúng ta có thể truy cập các ký tự trong chuỗi bằng cách sử dụng chỉ mục của nó. Chỉ số của ký tự đầu tiên là 0 và nó tăng thêm 1. Vì vậy, chúng ta có thể truy cập từng ký tự của một chuỗi như thế này
let str = "Yes, You Can Do It!";
console.log[str[0]]; // Y
console.log[str[1]]; // e
console.log[str[2]]; // s
console.log[str[3]]; // ,
console.log[str[10]]; // a
Hình ảnh dưới đây đại diện cho điều tương tự
Ngoài khả năng truy cập các ký tự chuỗi theo chỉ số của chúng, JavaScript còn cung cấp nhiều phương thức tiện ích để truy cập các ký tự, lấy ra một phần của chuỗi và thao tác với nó.
Trong bài viết này sẽ tìm hiểu về một phương thức chuỗi tiện dụng có tên là
const msg = new String["Yes, You Can DO It!"];
9. Tôi hy vọng bạn thích đọc nóPhương thức split[] trong JavaScriptPhương thức
const msg = new String["Yes, You Can DO It!"];
9 tách [chia] một chuỗi thành hai hoặc nhiều chuỗi con tùy thuộc vào một let str = "Yes, You Can Do It!";
console.log[str[0]]; // Y
console.log[str[1]]; // e
console.log[str[2]]; // s
console.log[str[3]]; // ,
console.log[str[10]]; // a
1 [hoặc dấu chia]. Bộ chia có thể là một ký tự đơn, một chuỗi khác hoặc một biểu thức chính quySau khi tách chuỗi thành nhiều chuỗi con, phương thức
const msg = new String["Yes, You Can DO It!"];
9 đặt chúng vào một mảng và trả về nó. Nó không thực hiện bất kỳ sửa đổi nào đối với chuỗi gốcHãy hiểu cách thức hoạt động của nó với một ví dụ. Đây là một chuỗi được tạo bằng chuỗi ký tự
________số 8Chúng ta có thể gọi phương thức
const msg = new String["Yes, You Can DO It!"];
9 trên chuỗi let str = "Yes, You Can Do It!";
console.log[str[0]]; // Y
console.log[str[1]]; // e
console.log[str[2]]; // s
console.log[str[3]]; // ,
console.log[str[10]]; // a
4. Hãy tách chuỗi dựa trên khoảng trắng [let str = "Yes, You Can Do It!";
console.log[str[0]]; // Y
console.log[str[1]]; // e
console.log[str[2]]; // s
console.log[str[3]]; // ,
console.log[str[10]]; // a
5] ký tự. Ở đây, ký tự khoảng trắng đóng vai trò là bộ chia hoặc bộ chiaconst msg = new String["Yes, You Can DO It!"];
2Mục đích chính của phương thức
const msg = new String["Yes, You Can DO It!"];
9 là lấy các đoạn mà bạn quan tâm từ một chuỗi để sử dụng chúng trong bất kỳ trường hợp sử dụng nào khácCách tách một chuỗi theo từng ký tự
Bạn có thể tách một chuỗi theo từng ký tự bằng cách sử dụng một chuỗi trống [''] làm bộ chia. Trong ví dụ bên dưới, chúng tôi chia cùng một thông báo bằng cách sử dụng một chuỗi trống. Kết quả của phép chia sẽ là một mảng chứa tất cả các ký tự trong chuỗi tin nhắn
const msg = new String["Yes, You Can DO It!"];
4💡 Xin lưu ý rằng việc tách một chuỗi rỗng[''] bằng cách sử dụng một chuỗi rỗng vì bộ chia trả về một mảng trống. Bạn có thể nhận được điều này như một câu hỏi trong các cuộc phỏng vấn việc làm sắp tới của bạn
const msg = new String["Yes, You Can DO It!"];
5Cách tách một chuỗi thành một mảng
Bạn có thể gọi phương thức
const msg = new String["Yes, You Can DO It!"];
9 trên một chuỗi mà không cần bộ chia/bộ chia. Điều này chỉ có nghĩa là phương thức const msg = new String["Yes, You Can DO It!"];
9 không có bất kỳ đối số nào được truyền cho nóKhi bạn gọi phương thức
const msg = new String["Yes, You Can DO It!"];
9 trên một chuỗi không có bộ chia, nó sẽ trả về một mảng chứa toàn bộ chuỗiconst msg = new String["Yes, You Can DO It!"];
9💡 Lưu ý một lần nữa, gọi phương thức9 trên chuỗi rỗng[''] không có bộ tách sẽ trả về một mảng có chuỗi rỗng. Nó không trả về một mảng trốngconst msg = new String["Yes, You Can DO It!"];
Dưới đây là hai ví dụ để bạn có thể thấy sự khác biệt
const msg = new String["Yes, You Can DO It!"];
1Cách tách chuỗi bằng ký tự không khớp
Thông thường, chúng tôi sử dụng bộ tách là một phần của chuỗi mà chúng tôi đang cố tách. Có thể có trường hợp bạn đã vượt qua một bộ chia không phải là một phần của chuỗi hoặc không khớp với bất kỳ phần nào của nó. Trong trường hợp đó, phương thức
const msg = new String["Yes, You Can DO It!"];
9 trả về một mảng với toàn bộ chuỗi là một phần tửTrong ví dụ bên dưới, chuỗi tin nhắn không có ký tự dấu phẩy [,]. Hãy thử tách chuỗi bằng cách sử dụng dấu phẩy [,] của bộ chia
const msg = new String["Yes, You Can DO It!"];
3💡 Bạn nên lưu ý điều này vì nó có thể giúp bạn khắc phục sự cố do một lỗi nhỏ như truyền sai bộ chia trong phương thứcLàm thế nào để chia nhỏ với một giới hạn9const msg = new String["Yes, You Can DO It!"];
Nếu bạn nghĩ rằng phương pháp
const msg = new String["Yes, You Can DO It!"];
9 chỉ lấy bộ tách làm tham số tùy chọn, hãy để tôi nói cho bạn biết rằng còn một. Bạn cũng có thể chuyển let message = 'I am a Happy Go lucky Guy';
4 làm tham số tùy chọn cho phương thức const msg = new String["Yes, You Can DO It!"];
9const msg = new String["Yes, You Can DO It!"];
0Như tên gọi, tham số
let message = 'I am a Happy Go lucky Guy';
4 giới hạn số lần phân tách. Điều đó có nghĩa là mảng kết quả sẽ chỉ có số phần tử được chỉ định bởi tham số giới hạnTrong ví dụ bên dưới, chúng tôi tách một chuỗi bằng dấu cách [' '] làm dấu tách. Chúng tôi cũng chuyển số
let message = 'I am a Happy Go lucky Guy';
7 làm giới hạn. Phương thức let message = 'I am a Happy Go lucky Guy';
8 trả về một mảng chỉ có bốn phần tử, bỏ qua phần còn lạiconst msg = new String["Yes, You Can DO It!"];
1Cách chia tách bằng RegexChúng ta cũng có thể chuyển một biểu thức chính quy [regex] làm bộ chia/bộ chia cho phương thức
const msg = new String["Yes, You Can DO It!"];
9. Hãy xem xét chuỗi này để chiaconst msg = new String["Yes, You Can DO It!"];
2Hãy tách chuỗi này ở khoảng thời gian [. ], dấu chấm than [. ] và dấu chấm hỏi [?]. Chúng ta có thể viết một biểu thức chính quy xác định thời điểm các ký tự này xuất hiện. Sau đó, chúng tôi chuyển biểu thức chính quy cho phương thức
const msg = new String["Yes, You Can DO It!"];
9 và gọi nó trên chuỗi trênconst msg = new String["Yes, You Can DO It!"];
3Đầu ra trông như thế này
Bạn có thể sử dụng tham số
let message = 'I am a Happy Go lucky Guy';
4 để giới hạn đầu ra chỉ ở ba phần tử đầu tiên, như thế nàyconst msg = new String["Yes, You Can DO It!"];
4Đầu ra trông như thế này
💡 Nếu bạn muốn lấy các ký tự được sử dụng trong các biểu thức chính quy trong mảng đầu ra, bạn cần chỉnh sửa regex một chút. Sử dụng dấu ngoặc đơn để nắm bắt các ký tự phù hợp. Regex được cập nhật sẽ làCách thay thế các ký tự trong chuỗi bằng phương thức Split[]22const msg = new String["Yes, You Can DO It!"];
Bạn có thể giải nhiều bài toán thú vị bằng cách sử dụng phương thức
const msg = new String["Yes, You Can DO It!"];
9 kết hợp với các phương thức chuỗi và mảng khác. Hãy xem một cái ở đây. Nó có thể là một trường hợp sử dụng phổ biến để thay thế tất cả các lần xuất hiện của một ký tự trong chuỗi bằng một ký tự khácVí dụ: bạn có thể muốn tạo
const msg = new String["Yes, You Can DO It!"];
24 của phần tử HTML từ giá trị tên. Giá trị tên có thể chứa khoảng trắng [' '], nhưng trong HTML, giá trị id không được chứa bất kỳ khoảng trắng nào. Chúng ta có thể làm điều này theo cách sauconst msg = new String["Yes, You Can DO It!"];
5Xem xét tên có tên [Tapas] và họ [Adhikary] được phân tách bằng dấu cách. Ở đây, trước tiên chúng tôi tách tên bằng cách sử dụng bộ tách không gian. Nó trả về một mảng chứa họ và tên dưới dạng các phần tử, đó là
const msg = new String["Yes, You Can DO It!"];
25Sau đó, chúng ta sử dụng phương thức mảng có tên là
const msg = new String["Yes, You Can DO It!"];
26 để nối các phần tử của mảng bằng ký tự const msg = new String["Yes, You Can DO It!"];
27. Phương thức const msg = new String["Yes, You Can DO It!"];
26 trả về một chuỗi bằng cách nối phần tử bằng một ký tự được truyền dưới dạng tham số. Do đó, chúng tôi nhận được đầu ra cuối cùng là const msg = new String["Yes, You Can DO It!"];
29ECMAScript2015 [ES6] đã giới thiệu một cách sáng tạo hơn để trích xuất một phần tử từ một mảng và gán nó cho một biến. Cú pháp thông minh này được gọi là
const msg = new String["Yes, You Can DO It!"];
40. Chúng ta có thể sử dụng điều này với phương thức const msg = new String["Yes, You Can DO It!"];
9 để gán đầu ra cho một biến một cách dễ dàng với ít mã hơnconst msg = new String["Yes, You Can DO It!"];
6Ở đây chúng tôi tách tên bằng cách sử dụng ký tự khoảng trắng làm bộ chia. Sau đó, chúng tôi gán các giá trị được trả về từ mảng cho một vài biến [_______142 và
const msg = new String["Yes, You Can DO It!"];
43] bằng cách sử dụng cú pháp Cấu trúc mảngTrước Khi Chúng Ta Kết Thúc👋 Bạn có muốn code và học cùng mình không? . Chỉ cần mở trình chỉnh sửa mã yêu thích của bạn và bắt đầu
Tôi hy vọng bạn thấy bài viết này sâu sắc và nó giúp bạn hiểu rõ ràng hơn về phương thức
const msg = new String["Yes, You Can DO It!"];
9 của Chuỗi JavaScript. Hãy thực hành các ví dụ nhiều lần để nắm bắt chúng tốt. Bạn có thể tìm thấy tất cả các ví dụ mã trong kho GitHub của tôiKết nối nào. Bạn sẽ thấy tôi hoạt động trên Twitter [@tapasadhikary]. Mời các bạn theo dõi
Bạn cũng có thể thích những bài viết này
- Sổ tay mảng JavaScript – Giải thích các phương pháp mảng JS với các ví dụ
- 10 thủ thuật DevTools giúp bạn thiết kế CSS và UX
- Hướng dẫn thực tế về phá hủy đối tượng trong JavaScript
- 10 sự thật về HTML tầm thường nhưng mạnh mẽ mà bạn phải biết
- 10 mẹo VS Code để giúp bạn làm việc hiệu quả hơn
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
nhà văn. YouTuber. Người sáng tạo. Người cố vấn
Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu