Phương thức split[] chia một chuỗi cụ thể thành một mảng các chuỗi con mà không làm thay đổi chuỗi ban đầu và tạo ra một danh sách các chuỗi con dưới dạng một mảng có hai đối số;
Bộ chia đóng vai trò là bộ chia và báo cho phương thức split[] nơi chuỗi cụ thể sẽ được chia. Bộ chia có thể là một biểu thức chính quy, một ký tự đơn hoặc một chuỗi khác. Nếu bạn không cung cấp bộ chia trong phương thức split[] thì chuỗi gốc đã chỉ định sẽ được trả về
Đối số giới hạn cho phương thức split[] biết giới hạn mà bạn phải dừng quá trình chuỗi con hoặc nói một cách đơn giản là nó chỉ định số lần phân tách. Tuy nhiên, nên nhớ rằng nếu bạn không đưa ra đối số giới hạn cho phương thức split thì một mảng trống sẽ được trả về
cú pháp
myString. tách[ dấu phân cách, giới hạn ];
Trong đó myString là chuỗi đã chỉ định và dấu phân cách là bộ chia và giới hạn là số lần chia được chỉ định
Tách chuỗi bằng phương thức split[]
Bây giờ chúng ta đã biết phương thức split[] tách một chuỗi cụ thể thành các chuỗi con và trả về một mảng mới của chuỗi con, chúng ta hãy xem qua một vài ví dụ nơi chúng ta sẽ tách một chuỗi bằng phương thức split[]
ví dụ 1
Trong ví dụ này, chúng tôi sẽ chia chuỗi thành các từ theo cách sau
var myStr = 'Chuỗi thành từ';
. = myStr.tách[' '] .
console.log[ đầu ra ];
Trong đoạn mã trên, chúng tôi khởi tạo một mảng và sau đó áp dụng phương thức split[] trên mảng. Dấu phân cách trong trường hợp này là dấu cách [‘ ‘], có nghĩa là bất cứ khi nào phương thức phân tách nhìn thấy khoảng trắng, nó sẽ chia chuỗi và trả về từ trước dấu phân cách
ví dụ 2
Hãy để chúng tôi sửa đổi ví dụ trên và chỉ trả lại hai từ đầu tiên trong câu do đó chúng tôi sẽ sử dụng giới hạn = 2 trong ví dụ này
var myStr = 'Chuỗi thành từ';
. = myStr.tách[' ' , . ];
console.log[ đầu ra ];
ví dụ 3
Chúng ta hãy tiến lên một bước và cung cấp một biểu thức chính quy làm dấu phân cách. Mã sẽ giống nhau ngoại trừ việc chúng ta sẽ thay đổi chuỗi và cung cấp dấu phân cách dưới dạng một mảng biểu thức chính quy trong đối số của phương thức split[]
var myStr = 'Xin chào. Bạn khỏe không? . ;
var output = myStr.tách[/[. , ?]/] . ;
console.log[ đầu ra ];
Như bạn có thể thấy, chúng tôi đã cung cấp một mảng các dấu phân cách mà chúng tôi đã xác định rằng nếu phương thức split[] nhận được một. hoặc ? . Đầu ra của đoạn mã trên sẽ là
Phần kết luận
JavaScript cung cấp cho chúng ta các kiểu dữ liệu nguyên thủy được sử dụng để lưu trữ dữ liệu và một ví dụ như vậy là một chuỗi. Chuỗi là một số văn bản trong dấu ngoặc kép hoặc dấu ngoặc đơn và nó có nhiều phương thức sẵn có. Một phương thức như vậy là phương thức split[] chia một chuỗi cụ thể theo dấu tách thành các chuỗi con và mảng chuỗi con được trả về mà không thay đổi chuỗi gốc
Trong bài đăng này, chúng ta đã xem xét phương thức split[] là gì và cách tách một chuỗi bằng phương thức split[] bằng cách đưa ra ba ví dụ khác nhau và ảnh chụp màn hình của đầu ra
Bài viết này là bản ghi của loạt video miễn phí trên youtube của tôi về kiến thức cơ bản về phát triển web. Nếu bạn thích xem hơn là đọc, vui lòng truy cập kênh của tôi “Dev Newbs”
Xin chào tất cả các nhà phát triển đang xem tập này. Phương pháp hôm nay là một trong những phương pháp yêu thích của tôi. Đừng hỏi tôi tại sao tôi có các phương thức String yêu thích, làm ơn. Tôi đoán tôi chỉ là lạ. Nhưng bây giờ nghiêm túc đấy - chúng ta sẽ chia dây như điên. chuẩn bị tinh thần
Phương thức split[] được sử dụng để chia một chuỗi thành một mảng các chuỗi con và trả về mảng mới. Phương thức split[] không thay đổi chuỗi gốc. Phương thức có hai tham số. Cả hai đều là tùy chọn
Đầu tiên chỉ định ký tự hoặc biểu thức chính quy để sử dụng để tách chuỗi. Nếu tham số bị bỏ qua, toàn bộ chuỗi sẽ được trả về dưới dạng một mảng chỉ có một mục. Mặt khác, nếu một chuỗi trống [“”] được sử dụng làm dấu phân cách, chuỗi sẽ được phân tách giữa mỗi ký tự
Tham số thứ hai là một số nguyên chỉ định số lượng phân tách. Các mục sau giới hạn phân chia sẽ không được đưa vào mảng kết quả
Hãy xem nó hoạt động như thế nào trong ví dụ 1
const str = "Hello Dev Newbs! 😃";// separator is not provided
str.split[] // ["Hello Dev Newbs! 😃"]// separator is empty string
str.split[""]// ["H", "e", "l", "l", "o", " ", "D", "e", "v", " ", "N", "e", "w", // "b", "s", "!", " ", "\ud83d", "\ude03"]// separator is empty space
str.split[" "] // ["Hello", "Dev", "Newbs!", "😃"]// separator is RegExp specifying [optional] empty space + capital letter
str.split[/[\s]*[A-Z]/] // ["", "ello", "ev", "ewbs! 😃"]// separator is empty string & limit is 5 first letters
str.split["", 5] // ["H", "e", "l", "l", "o"]
Như chúng ta có thể thấy trong ví dụ đầu tiên, việc bỏ qua tham số đầu vào dẫn đến mảng chỉ có một phần tử bao gồm toàn bộ chuỗi
Chuỗi rỗng chia chuỗi thành các "ký tự" UTF-16 riêng lẻ. Tôi muốn chỉ ra rằng các ký tự bao gồm nhiều hơn một đơn vị mã sẽ được chia thành các đơn vị mã, không phải điểm mã. Do đó, biểu tượng cảm xúc của chúng tôi được chia thành các giá trị đơn vị mã như chúng tôi thấy trong đầu ra
Nếu chúng ta sử dụng biểu thức chính quy, thì phải tìm kết quả khớp chính xác, nếu không, kết quả là một mảng có một phần tử bao gồm toàn bộ chuỗi
Nếu các ký tự phân tách hoặc biểu thức chính quy ở đầu hoặc cuối, thì việc phân tách vẫn diễn ra và chúng ta nhận được một phần tử chuỗi trống ở đầu hoặc ở cuối, tùy thuộc vào trường hợp nào. Bạn có thể thấy điều đó xảy ra trong trường hợp dấu phân cách là biểu thức chính quy, nơi chúng tôi đang tìm kiếm chữ in hoa tùy chọn trước khoảng trống. Chữ H ở đầu chuỗi phù hợp với điều kiện này, do đó, phần tách tạo ra khoảng trống làm phần tử đầu tiên của mảng kết quả
Có một số hành vi phản trực giác khi nói đến các biểu thức chính quy mà tôi nên đề cập. Nếu dấu tách là một biểu thức chính quy với dấu ngoặc đơn bắt giữ, thì mỗi khi dấu tách khớp với nhau, kết quả [bao gồm mọi kết quả không xác định] của dấu ngoặc đơn bắt buộc sẽ được ghép vào mảng đầu ra
Hãy xem hành vi trong ví dụ thứ hai
const months = 'January,February ,March,April, May, June , July,August, ...';const re1 = /\s*,\s*/;
const re2 = /\s*[,]\s*/;months.split[re1] // ["January", "February", "March", "April", "May", "June", "July", // "August", "..."]months.split[re2]// ["January", ",", "February", ",", "March", ",", "April", ",",
// "May", ",", "June", ",", "July", ",", "August", ",", "..."]
Biểu thức chính quy đầu tiên không sử dụng dấu ngoặc đơn và chúng tôi nhận được những gì chúng tôi mong đợi. Tuy nhiên, trong trường hợp thứ hai, dấu ngoặc đơn chứa dấu phẩy, vì vậy kết quả khớp này cũng được thêm vào mảng kết quả
Ngoài ra còn có một khía cạnh thú vị khác của ví dụ này và đó là việc sử dụng biểu thức “\s*” để loại bỏ một hoặc nhiều khoảng trống tiềm năng. Điều này có thể hữu ích khi chúng tôi cố gắng tách các chuỗi không có cấu trúc được xác định chính xác
Hãy xem thêm một ví dụ để thực sự chỉ ra một trường hợp sử dụng, khi hành vi này có ý nghĩa
const numbers = 'Uno Dos Three 4 Five 6 Sieben Osem 9 zehn';const re = /\s*[\d+]\s*/;numbers.split[re] // ["Uno Dos Three", "4", "Five", "6", "Sieben Osem", "9", "zehn"]
Chúng tôi đang cố tách chuỗi chứa các biểu diễn số khác nhau. Số của chúng tôi có thể được viết dưới dạng từ trong các ngôn ngữ khác nhau và thậm chí sử dụng chữ số. Trước tiên, chúng tôi muốn chia chuỗi thành các từ số và chữ số số. Chúng ta có thể làm điều đó bằng cách sử dụng biểu thức chính quy được cung cấp. Sau đó, chúng tôi có thể xử lý từng nhóm số từ khi chúng tôi thấy phù hợp
Tất nhiên, có nhiều giải pháp khác, một số hiệu quả hơn những giải pháp khác, nhưng vẫn… Thật tuyệt khi có tùy chọn này