Có nhiều cách để lấy N từ đầu tiên từ Chuỗi bằng Javascript. Bạn có thể sử dụng regex để làm điều đó hoặc bạn cũng có thể sử dụng hàm split[] của Javascript. Chúng tôi sẽ giải thích từng cái một trong bài viết này
đầu ra
We can get first 10 words form this string using
Đoạn mã có thể được sử dụng để lấy 10 từ đầu tiên từ một chuỗi. Bạn có thể đặt điểm bắt đầu và điểm kết thúc trong chức năng 'getWordStr'. Chúng tôi đã áp dụng điểm bắt đầu từ 0 và điểm cuối là 10
Chúng tôi đang sử dụng regex ở đây để lấy 10 từ đầu tiên từ Chuỗi. Chúng ta có thể viết nó trong một dòng như dưới đây
Bản tóm tắt. trong hướng dẫn này, bạn sẽ học cách sử dụng phương pháp JavaScript
8 để trích xuất một chuỗi con từ một chuỗiCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Giới thiệu về phương thức substring[] trong JavaScript
JavaScript
9 trả về một phần của chuỗi giữa chỉ mục bắt đầu và kết thúcCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Phương thức
8 chấp nhận hai tham số.Code language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
1vàCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
0Code language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
1 chỉ định chỉ mục của ký tự đầu tiên bao gồm trong chuỗi con được trả về
Code language: JavaScript [javascript]let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
0 xác định ký tự đầu tiên cần loại trừ khỏi chuỗi con được trả về. Nói cách khác, chuỗi con được trả về không bao gồm ký tự ở endIndex
Code language: JavaScript [javascript]let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Nếu bạn bỏ qua
0, thìCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
8 sẽ trả về chuỗi con ở cuối chuỗiCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Nếu
1 bằngCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
0, phương thứcCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
8 trả về một chuỗi rỗngCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Nếu
1 lớn hơnCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
0, thìCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
8 đổi vai cho nhau. start Index trở thành end Index và ngược lạiCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Nếu
1 hoặcCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
0 nhỏ hơn 0 hoặc lớn hơnCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
3, thìCode language: JavaScript [javascript]
JavaScript
8 coi nó là không [0] hoặcCode language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
3 tương ứngCode language: JavaScript [javascript]
JavaScript
Nếu bất kỳ tham số nào là
6, thì
JavaScript
Code language: JavaScript [javascript]
8 coi nó như thể nó bằng không [0]Code language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Các ví dụ về chuỗi con JavaScript[]
Hãy lấy một số ví dụ về việc sử dụng phương thức JavaScript
8Code language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
1] Trích xuất một chuỗi con từ đầu chuỗi ví dụ
Ví dụ sau sử dụng substring[] để trích xuất một chuỗi con từ chỉ số 11 đến cuối chuỗi
Tiếp theo, chúng ta sẽ chú ý đến các chuỗi - đây là những đoạn văn bản được gọi trong lập trình. Trong bài viết này, chúng ta sẽ xem xét tất cả những điều phổ biến mà bạn thực sự nên biết về chuỗi khi học JavaScript, chẳng hạn như tạo chuỗi, thoát dấu ngoặc kép trong chuỗi và nối các chuỗi lại với nhau
điều kiện tiên quyết. Trình độ máy tính cơ bản, hiểu biết cơ bản về HTML và CSS, hiểu biết về JavaScript là gì. Khách quan. Để làm quen với những kiến thức cơ bản về chuỗi trong JavaScriptTừ ngữ rất quan trọng đối với con người — chúng là một phần quan trọng trong cách chúng ta giao tiếp. Vì Web là một phương tiện chủ yếu dựa trên văn bản được thiết kế để cho phép con người giao tiếp và chia sẻ thông tin, nên sẽ rất hữu ích nếu chúng ta có quyền kiểm soát các từ xuất hiện trên đó. HTML cung cấp cấu trúc và ý nghĩa cho văn bản của chúng ta, CSS cho phép chúng ta tạo kiểu chính xác cho văn bản và JavaScript chứa một số tính năng để thao tác chuỗi, tạo lời nhắc và thông báo chào mừng tùy chỉnh, hiển thị nhãn văn bản phù hợp khi cần, sắp xếp các thuật ngữ theo thứ tự mong muốn,
Gần như tất cả các chương trình mà chúng tôi đã cho bạn xem trong khóa học đều liên quan đến một số thao tác chuỗi
Thoạt nhìn, các chuỗi được xử lý tương tự như các số, nhưng khi tìm hiểu sâu hơn, bạn sẽ bắt đầu thấy một số khác biệt đáng chú ý. Hãy bắt đầu bằng cách nhập một số dòng cơ bản vào bảng điều khiển dành cho nhà phát triển trình duyệt để làm quen
- Để bắt đầu, hãy nhập các dòng sau
1Giống như chúng ta đã làm với các số, chúng ta đang khai báo một biến, khởi tạo nó bằng một giá trị chuỗi và sau đó trả về giá trị. Sự khác biệt duy nhất ở đây là khi viết một chuỗi, bạn cần bao quanh giá trị bằng dấu ngoặc kép
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
- Nếu bạn không làm điều này hoặc bỏ lỡ một trong các trích dẫn, bạn sẽ gặp lỗi. Hãy thử nhập các dòng sau
2Những dòng này không hoạt động vì bất kỳ văn bản nào không có dấu ngoặc kép xung quanh nó đều được coi là tên biến, tên thuộc tính, từ dành riêng hoặc tương tự. Nếu trình duyệt không thể tìm thấy nó, thì sẽ xảy ra lỗi [e. g. "Mất tích; tuyên bố trước"]. Nếu trình duyệt có thể thấy vị trí bắt đầu của một chuỗi, nhưng không thể tìm thấy phần cuối của chuỗi, như được chỉ ra bởi trích dẫn thứ 2, thì trình duyệt sẽ báo lỗi [với "chuỗi ký tự chưa kết thúc"]. Nếu chương trình của bạn đưa ra các lỗi như vậy, hãy quay lại và kiểm tra tất cả các chuỗi của bạn để đảm bảo rằng bạn không thiếu dấu ngoặc kép
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
- Cách sau đây sẽ hoạt động nếu trước đó bạn đã xác định biến
31 — hãy thử ngay bây giờ
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
3
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
32 hiện được đặt để có cùng giá trị với
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
31
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
- Trong JavaScript, bạn có thể chọn dấu ngoặc đơn hoặc dấu ngoặc kép để bao chuỗi của mình trong. Cả hai điều sau đây sẽ hoạt động tốt
7
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
- Có rất ít sự khác biệt giữa hai loại này và bạn sử dụng loại nào là tùy thuộc vào sở thích cá nhân. Tuy nhiên, bạn nên chọn một và gắn bó với nó; . Sau đây sẽ trả về một lỗi
8
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
- Trình duyệt sẽ nghĩ rằng chuỗi chưa được đóng vì loại trích dẫn khác mà bạn không sử dụng để chứa chuỗi của mình có thể xuất hiện trong chuỗi. Ví dụ, cả hai đều được
9
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
- Tuy nhiên, bạn không thể bao gồm cùng một dấu ngoặc kép bên trong chuỗi nếu nó được sử dụng để chứa chúng. Điều sau đây sẽ xảy ra lỗi vì nó khiến trình duyệt nhầm lẫn về vị trí kết thúc của chuỗi
0Điều này dẫn chúng ta rất tốt vào chủ đề tiếp theo của chúng ta
Code language: JavaScript [javascript]let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Để khắc phục dòng mã sự cố trước đó của chúng tôi, chúng tôi cần thoát khỏi dấu ngoặc kép của sự cố. Thoát ký tự có nghĩa là chúng tôi làm điều gì đó với chúng để đảm bảo rằng chúng được nhận dạng dưới dạng văn bản, không phải là một phần của mã. Trong JavaScript, chúng tôi làm điều này bằng cách đặt dấu gạch chéo ngược ngay trước ký tự. Thử cái này
1
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Code language: JavaScript [javascript]
Điều này hoạt động tốt. Bạn có thể thoát các ký tự khác theo cách tương tự, e. g.
34, ngoài ra còn có một số mã đặc biệt. Xem để biết thêm chi tiếtCode language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Concatenate chỉ có nghĩa là "kết hợp với nhau". Để nối các chuỗi lại với nhau trong JavaScript, bạn có thể sử dụng một loại chuỗi khác, được gọi là mẫu chữ
Mẫu chữ trông giống như một chuỗi bình thường, nhưng thay vì sử dụng dấu ngoặc kép đơn hoặc kép [
35 hoặcCode language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
36], bạn sử dụng ký tự backtick [Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
37]Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
6Code language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Điều này có thể hoạt động giống như một chuỗi bình thường, ngoại trừ bạn có thể bao gồm các biến trong đó, được bao bọc bên trong các ký tự
38 và giá trị của biến sẽ được chèn vào kết quảCode language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
8Code language: JavaScript [javascript]
let str = 'JavaScript Substring'; let substring = str.substring[0,10]; console.log[substring];
Bạn có thể sử dụng kỹ thuật tương tự để nối hai biến lại với nhau
20Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Chúng ta hãy xem phép nối đang được sử dụng trong hành động
21Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
22Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Ở đây chúng tôi đang sử dụng hàm
39, yêu cầu người dùng trả lời câu hỏi thông qua hộp thoại bật lên, sau đó lưu trữ văn bản họ nhập bên trong một biến nhất định — trong trường hợp này làCode language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
70. Sau đó, chúng tôi sử dụng hàmCode language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
71 để hiển thị một cửa sổ bật lên khác chứa chuỗi chèn tên vào thông báo lời chào chungCode language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Bạn cũng có thể nối các chuỗi bằng toán tử
72Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
23Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Tuy nhiên, mẫu chữ thường cung cấp cho bạn mã dễ đọc hơn
24Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Vậy điều gì sẽ xảy ra khi chúng ta cố gắng kết hợp một chuỗi và một số?
25Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Bạn có thể mong đợi điều này trả về một lỗi, nhưng nó vẫn hoạt động tốt. Việc cố gắng biểu thị một chuỗi dưới dạng một số không thực sự có ý nghĩa, nhưng việc biểu thị một số dưới dạng một chuỗi thì có, vì vậy trình duyệt sẽ chuyển đổi số thành một chuỗi và nối hai chuỗi đó lại
Nếu bạn có một biến số mà bạn muốn chuyển đổi thành chuỗi nhưng không thay đổi ngược lại hoặc biến chuỗi bạn muốn chuyển đổi thành số nhưng không thay đổi ngược lại, bạn có thể sử dụng hai cấu trúc sau
- Đối tượng
73 chuyển đổi mọi thứ được truyền cho nó thành một số, nếu nó có thể. Hãy thử những điều sau đây
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
26
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
- Ngược lại, mỗi số có một phương thức gọi là
74 để chuyển đổi nó thành chuỗi tương đương. Thử cái này
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
27
Code language: JavaScript [javascript]str.substring[startIndex [, endIndex]]
Những cấu trúc này có thể thực sự hữu ích trong một số trường hợp. Ví dụ: nếu người dùng nhập một số vào trường văn bản của biểu mẫu, thì đó là một chuỗi. Tuy nhiên, nếu bạn muốn thêm số này vào một thứ gì đó, thì bạn cần nó phải là một số, vì vậy bạn có thể chuyển nó qua
75 để xử lý việc này. Chúng tôi đã làm chính xác điều này trongCode language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Bạn có thể bao gồm các biểu thức JavaScript trong chữ mẫu, cũng như các biến đơn giản và kết quả sẽ được đưa vào kết quả
28Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Chữ mẫu tôn trọng các ngắt dòng trong mã nguồn, vì vậy bạn có thể viết các chuỗi kéo dài nhiều dòng như thế này
29Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Để có đầu ra tương đương khi sử dụng một chuỗi bình thường, bạn phải bao gồm các ký tự ngắt dòng [
76] trong chuỗiCode language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
30Code language: JavaScript [javascript]
str.substring[startIndex [, endIndex]]
Xem trang tham khảo văn bản mẫu của chúng tôi để biết thêm ví dụ và chi tiết về các tính năng nâng cao
Vì vậy, đó là những điều cơ bản về chuỗi được trình bày trong JavaScript. Trong bài viết tiếp theo, chúng ta sẽ xây dựng vấn đề này, xem xét một số phương thức tích hợp có sẵn cho các chuỗi trong JavaScript và cách chúng ta có thể sử dụng chúng để thao tác các chuỗi của mình thành dạng chúng ta muốn