Tách chuỗi JavaScript

Trong JavaScript, kiểu chuỗi có sẵn một phương thức được gọi là. Bạn có thể sử dụng phương pháp này để tách một chuỗi theo một dấu tách cụ thể, chẳng hạn như khoảng trống hoặc dấu gạch ngang. Phương thức này đặt các phần chuỗi đã tách thành một mảng

Ví dụ: hãy chia một chuỗi thành các phần dựa trên dấu gạch ngang giữa các từ

const message = "my-car-looks-cool"
parts = message.split["-"]

console.log[parts]

đầu ra

[ 'my', 'car', 'looks', 'cool' ]

Lưu ý rằng phương thức split[] không chạm vào chuỗi gốc. Điều này có nghĩa là chuỗi ban đầu vẫn như trước khi tách. Trên thực tế, tất cả các phương thức chuỗi JavaScript hoạt động trên một bản sao của chuỗi và không có phương thức nào trong số chúng sửa đổi bản gốc

Bây giờ bạn đã biết ý tưởng cơ bản đằng sau String. phương thức split[] trong JavaScript. Nhưng chúng ta hãy xem xét kỹ hơn cú pháp, các biến thể của nó, cũng như một số ví dụ khác

Lặn sâu. Chuỗi JavaScript. phương thức split[]

Tổng cộng, có ba cách để gọi Chuỗi. phương thức split[] trong JavaScript

split[]
split[separator]
split[separator, limit]

1. Nếu bạn thực hiện split[] mà không có đối số, thì sẽ không có sự phân tách nào diễn ra nhưng kết quả là chuỗi gốc được bao bọc bên trong một mảng
2. Nếu bạn thực hiện tách [dấu phân cách] bằng đối số dấu phân cách, phương thức sẽ phân tách chuỗi dựa trên các giá trị dấu phân cách
3. Nếu bạn gọi split[dấu phân cách, giới hạn] với các đối số dấu phân cách và giới hạn, thì phương thức này sẽ phân tách chuỗi dựa trên các dấu phân cách cho đến khi nó thực hiện xong một số lần phân tách được chỉ định bởi tham số giới hạn

Tất cả các trường hợp sử dụng trên đều trả về cùng một kết quả. Một mảng các chuỗi con tách

Lưu ý rằng dấu phân cách có thể là một chuỗi hoặc một biểu thức chính quy. Để tách chuỗi theo những cách phức tạp hơn, biểu thức chính quy có thể giúp. Chẳng hạn, bạn có thể tách một chuỗi theo địa chỉ email hoặc số điện thoại bằng các biểu thức thông thường. Mặc dù điều này có lẽ sẽ không có ý nghĩa gì, nhưng nó làm nổi bật sức mạnh của các biểu thức chính quy

⚠️ Biểu thức chính quy là một công cụ khớp mẫu mạnh mẽ trong JavaScript và các ngôn ngữ lập trình khác. Tôi thực sự khuyên bạn nên đọc hướng dẫn toàn diện của tôi về các biểu thức chính quy

Dù sao đi nữa, hãy xem một số ví dụ về tách chuỗi. Các ví dụ này bao gồm tất cả các cú pháp khác nhau được đề cập ở trên cũng như một ví dụ về biểu thức chính quy

ví dụ 1. Sợi dây. tách ra[]

Nếu bạn không chỉ định bất kỳ đối số nào cho phương thức split[], nó sẽ trả về chuỗi gốc bên trong một mảng

Ví dụ: hãy gọi phương thức split[] mà không có bất kỳ đối số nào

const message = "my car looks cool"
parts = message.split[]

console.log[parts]

đầu ra

[ 'my car looks cool' ]

Như bạn có thể thấy, không có sự phân tách nào diễn ra. Thay vào đó, kết quả là chuỗi gốc bên trong một mảng. Không phải là một hành động đặc biệt hữu ích

ví dụ 2. Sợi dây. tách [dấu phân cách] với Dấu tách chuỗi

Trường hợp sử dụng phổ biến nhất để gọi phương thức split[] là gọi nó bằng cách chỉ định một chuỗi dấu phân cách. Bằng cách này, phương thức phân tách chuỗi dựa trên các giá trị dấu phân cách

Ví dụ: hãy tách chuỗi dựa trên các khoảng trống

const message = "This is nothing but a test of splitting strings"
parts = message.split[" "]

console.log[parts]

đầu ra

[
  'This',
  'is',
  'nothing',
  'but',
  'a',
  'test',
  'of',
  'splitting',
  'strings'
]

ví dụ 3. Sợi dây. split[dấu phân cách] với Biểu thức chính quy

Đôi khi bạn có thể cần tách các chuỗi dựa trên một mẫu chứ không phải một chuỗi cụ thể. Trong trường hợp này, bạn cần sử dụng biểu thức chính quy

Ví dụ: hãy tách chuỗi bằng “+“, “@“ hoặc “/” làm dấu phân cách

const message = "[email protected]/cool"
parts = message.split[/\+|@|\//g]

console.log[parts]

đầu ra

[ 'my', 'car', 'looks', 'cool' ]

Lưu ý rằng nếu bạn không quen thuộc với các biểu thức chính quy, bạn không thể hiểu được gì nhiều từ ví dụ trên. Nhưng về cơ bản, thông điệp. tách [/\+. @. \//g] chạy biểu thức chính quy toàn cầu //g và khớp với

1. Biểu tượng “+” sử dụng mẫu thoát \+
2. Biểu tượng “@” sử dụng mẫu @
3. Ký hiệu “/” sử dụng mẫu thoát \/

Nếu bạn đọc hướng dẫn về biểu thức chính quy, tất cả điều này sẽ có ý nghĩa hơn

Ví dụ 4. Sợi dây. split[dấu phân cách, giới hạn]

Cuối cùng nhưng không kém phần quan trọng, đôi khi bạn có thể cần giới hạn số lần phân tách. Nói cách khác, bạn có thể muốn tách một chuỗi theo giá trị dấu tách nhưng chỉ cho đến n chuỗi con đầu tiên. Trong trường hợp này, bạn có thể chỉ định giới hạn làm đối số thứ hai cho lệnh gọi split[]

Ví dụ: hãy chỉ tách ba chuỗi đầu tiên được phân tách bằng dấu “+”

const message = "my+car+looks+cool+or+does+it?"
parts = message.split["+", 3]

console.log[parts]

đầu ra

[ 'my', 'car', 'looks', 'cool' ]

Lưu ý rằng phương thức này không trả về phần còn lại của chuỗi. Nó chỉ trả về các giá trị phân tách cho đến giới hạn mà bạn đã chỉ định

Bản tóm tắt

Hôm nay bạn đã học cách tách chuỗi trong JavaScript

Để mang về nhà, các chuỗi JavaScript có phương thức split[] tích hợp. Phương thức này phân tách chuỗi dựa trên chuỗi phân tách. Kết quả của lời gọi phương thức này là một mảng các chuỗi con. Có ba cách bạn có thể gọi phương thức split[]

1. Sợi dây. tách ra[]
2. Sợi dây. tách [tách]
3. Sợi dây. split[dấu phân cách, giới hạn]

Trường hợp dấu phân cách có thể là một chuỗi hoặc một biểu thức chính quy. Giới hạn là số lần chia bạn muốn thực hiện. Cách phổ biến nhất để gọi phương thức split[] là sử dụng String. phương pháp tách [tách]

Làm cách nào để tách một chuỗi trong JavaScript?

Làm cách nào để tách một chuỗi thành một nửa JavaScript?

Làm cách nào để tách một chuỗi sau một ký tự cụ thể trong JavaScript?

Làm cách nào để tách một từ trong JavaScript?