Javascript lấy một ký tự cụ thể trong một chuỗi. Các hàm chuỗi cơ bản. Khái niệm cơ bản về chuỗi
Chuỗi là một chuỗi gồm một hoặc nhiều ký tự có thể chứa các chữ cái, số và các ký hiệu khác. Trong JavaScript, đây là kiểu dữ liệu bất biến đơn giản nhất.
Chuỗi cho phép bạn hiển thị và thao tác với văn bản và văn bản là cách chính để giao tiếp và truyền tải thông tin trên web. Vì vậy, chuỗi là một trong những khái niệm chính của lập trình.
Hướng dẫn này sẽ hướng dẫn bạn cách tạo và xem đầu ra chuỗi, nối chuỗi và lưu trữ chúng trong các biến. Bạn cũng sẽ tìm hiểu về các quy tắc sử dụng dấu ngoặc kép, dấu nháy đơn và dòng mới trong JavaScript.
Tạo và xem một chuỗi
Có ba cách để tạo một chuỗi trong JavaScript: chúng có thể được viết bên trong dấu ngoặc đơn ('), dấu ngoặc kép (') hoặc dấu ngược (`). Mặc dù các tập lệnh đôi khi chứa cả ba loại chuỗi nhưng chỉ nên sử dụng một loại dấu ngoặc kép trong một dòng.
Chuỗi trích dẫn đơn và trích dẫn kép về cơ bản là giống nhau. Không có quy ước nào về việc sử dụng loại dấu ngoặc kép này hay loại dấu ngoặc kép khác, nhưng nhìn chung người ta khuyên nên sử dụng một loại nhất quán trong các tập lệnh chương trình.
"Chuỗi này sử dụng dấu nháy đơn.";
"Chuỗi này sử dụng dấu ngoặc kép.";
Thứ ba và cách mới nhất việc tạo một chuỗi được gọi là một chữ mẫu. Các chữ mẫu được viết bên trong dấu ngoặc kép (còn gọi là dấu gạch chéo ngược) và hoạt động theo cách tương tự như chuỗi thông thường Với một số chức năng bổ sung mà chúng ta sẽ xem xét trong bài viết này.
`Chuỗi này sử dụng dấu ngược.`;
Cách dễ nhất để xem đầu ra của một chuỗi là nhập chuỗi đó vào bảng điều khiển bằng console.log().
console.log("Đây là một chuỗi trong bảng điều khiển.");
Đây là một chuỗi trong bảng điều khiển.
Cho người khác một cách đơn giảnđể yêu cầu giá trị của một chuỗi là một cửa sổ bật lên trong trình duyệt có thể được gọi bằng cảnh báo():
cảnh báo ("Đây là một chuỗi trong cảnh báo.");
Dòng này sẽ mở một cửa sổ thông báo trong trình duyệt với nội dung sau:
Đây là một chuỗi trong một cảnh báo.
Phương thức Alert() được sử dụng ít thường xuyên hơn vì các cảnh báo cần được đóng liên tục.
Lưu trữ chuỗi trong biến
Các biến trong JavaScript là các thùng chứa được đặt tên lưu trữ giá trị bằng cách sử dụng từ khóa var, const hoặc let. Chuỗi có thể được gán cho các biến.
const newString = "Đây là một chuỗi được gán cho một biến.";
Biến newString hiện chứa một chuỗi có thể được tham chiếu và hiển thị bằng bảng điều khiển.
console.log(newString);
Đây là một chuỗi được gán cho một biến.
Bằng cách gán chuỗi cho các biến, bạn không phải nhập lại chuỗi mỗi lần bạn muốn xuất nó, giúp làm việc với chuỗi trong chương trình dễ dàng hơn.
Nối chuỗi
Nối chuỗi là quá trình kết hợp hai hay nhiều chuỗi thành một chuỗi dòng mới. Việc ghép nối được thực hiện bằng cách sử dụng toán tử +. Ký hiệu + còn là toán tử cộng trong các phép toán.
Ví dụ: thử nối hai chuỗi ngắn:
“Biển” + “ngựa”;
Cá ngựa
Phép nối nối phần cuối của một chuỗi với phần đầu của chuỗi khác mà không cần chèn dấu cách. Để có khoảng cách giữa các dòng thì phải thêm vào cuối dòng đầu tiên.
“Biển” + “ngựa”;
Ngựa biển
Phép nối cho phép bạn nối các chuỗi và biến với các giá trị chuỗi.
const favePoem = "Bài thơ yêu thích của tôi là " + thơ + " của " + tác giả ".";
Các chuỗi mới do nối chuỗi có thể được sử dụng trong chương trình.
Các biến có chữ mẫu
Một trong những tính năng của chữ mẫu là khả năng bao gồm các biểu thức và biến trong chuỗi. Thay vì nối, bạn có thể sử dụng cú pháp $() để chèn một biến.
const thơ = "Đại dương rộng lớn";
const tác giả = "Pablo Neruda";
const favePoem = `Bài thơ yêu thích của tôi là $(bài thơ) của $(tác giả).`;
Bài thơ yêu thích của tôi là Đại dương rộng lớn của Pablo Neruda.
Cú pháp này cho phép bạn nhận được kết quả tương tự. Các chữ mẫu làm cho việc nối chuỗi dễ dàng hơn.
Chuỗi ký tự và giá trị chuỗi
Như bạn có thể nhận thấy, tất cả các chuỗi đều được viết bằng dấu ngoặc kép hoặc dấu ngoặc kép, nhưng khi xuất ra, chuỗi không chứa dấu ngoặc kép.
"Vượt biển";
Ngoài biển
Một chuỗi ký tự là một chuỗi như nó xuất hiện trong mã nguồn, bao gồm cả dấu ngoặc kép. Giá trị chuỗi là chuỗi xuất hiện ở đầu ra (không có dấu ngoặc kép).
TRONG trong ví dụ này"Beyond the Sea" là một chuỗi ký tự và Beyond the Sea là một giá trị chuỗi.
Duyệt qua dấu ngoặc kép và dấu nháy đơn trong chuỗi
Vì dấu ngoặc kép được dùng để biểu thị chuỗi nên có các quy tắc đặc biệt để sử dụng dấu nháy đơn và dấu ngoặc kép trong chuỗi. Ví dụ: JavaScript sẽ diễn giải dấu nháy đơn ở giữa chuỗi trích dẫn đơn dưới dạng trích dẫn đơn đóng và cố gắng đọc phần còn lại của chuỗi dự định dưới dạng mã.
Hãy xem xét ví dụ này:
const BrokenString = "Tôi là một chuỗi bị đứt";
console.log(brokenString);
không xác định: Mã thông báo không mong đợi (1:24)
Điều tương tự cũng xảy ra nếu bạn cố gắng sử dụng dấu ngoặc kép bên trong chuỗi dấu ngoặc kép. Người phiên dịch sẽ không nhận thấy sự khác biệt.
Để tránh những lỗi như vậy, bạn có thể sử dụng:
- Cú pháp chuỗi khác nhau.
- Các biểu tượng thoát hiểm.
- Mẫu theo nghĩa đen.
Cú pháp chuỗi thay thế
Cách dễ nhất để giải quyết vấn đề này là sử dụng cú pháp ngược lại với cú pháp bạn sử dụng trong tập lệnh. Ví dụ: đặt các chuỗi có dấu nháy đơn trong dấu ngoặc kép:
"Chúng tôi đang sử dụng dấu nháy đơn trong dấu ngoặc kép một cách an toàn."
Chuỗi có dấu ngoặc kép có thể được đặt trong dấu ngoặc đơn:
"Rồi anh ấy nói: "Xin chào Thế giới!";
Bằng cách kết hợp dấu ngoặc đơn và dấu ngoặc kép, bạn có thể kiểm soát việc hiển thị dấu ngoặc kép và dấu nháy đơn trong chuỗi. Tuy nhiên, điều này sẽ ảnh hưởng đến tính nhất quán của cú pháp trong các tệp dự án, khiến chúng khó bảo trì.
Ký tự thoát \
Bằng cách sử dụng dấu gạch chéo ngược, JavaScript sẽ không hiểu dấu ngoặc kép là dấu ngoặc kép đóng.
Sự kết hợp \' sẽ luôn được coi là dấu nháy đơn và \" là dấu ngoặc kép, không có ngoại lệ.
Điều này cho phép sử dụng dấu nháy đơn trong chuỗi trích dẫn đơn và dấu ngoặc kép được sử dụng trong chuỗi trích dẫn kép.
"Chúng tôi\"đang sử dụng dấu nháy đơn một cách an toàn trong dấu nháy đơn.\"
"Rồi anh ấy nói, \"Xin chào Thế giới!\"";
Phương pháp này có vẻ hơi lộn xộn. Nhưng điều này là cần thiết nếu cùng một dòng chứa cả dấu nháy đơn và dấu ngoặc kép.
Chữ mẫu
Các chữ mẫu được xác định bằng dấu ngoặc kép, vì vậy cả dấu ngoặc kép và dấu nháy đơn đều có thể được sử dụng một cách an toàn mà không cần bất kỳ thao tác bổ sung nào.
`Chúng tôi đang sử dụng dấu nháy đơn và "dấu ngoặc kép" một cách an toàn theo nghĩa đen mẫu.`;
Chữ mẫu không chỉ tránh lỗi khi hiển thị dấu ngoặc kép và dấu nháy đơn mà còn cung cấp hỗ trợ cho các biểu thức nội tuyến và khối nhiều dòng, như được thảo luận trong phần tiếp theo.
Dòng nhiều dòng và dòng mới
Trong một số trường hợp cần phải chèn ký tự xuống dòng hoặc ngắt dòng. Các ký tự thoát \n hoặc \r sẽ giúp chèn một dòng mới vào đầu ra mã.
const threeLines = "Đây là một chuỗi\n trải dài trên\nba dòng.";
Đây là một chuỗi
trải dài khắp
ba dòng.
Điều này sẽ chia đầu ra thành nhiều dòng. Tuy nhiên, nếu mã chứa xếp hàng dài, chúng sẽ khó làm việc và đọc. Để hiển thị một chuỗi trên nhiều dòng, hãy sử dụng toán tử nối.
const threeLines = "Đây là một chuỗi\n" +
"trải dài\n" +
"ba dòng.";
Bạn cũng có thể thoát dòng mới bằng ký tự thoát \.
const threeLines = "Đây là một chuỗi\n\
trải dài khắp\n\
ba dòng.";
Ghi chú: Phương pháp này không được khuyến khích vì nó có thể gây ra sự cố trong một số trình duyệt.
Để làm cho mã của bạn có thể đọc được, hãy sử dụng các chữ mẫu. Điều này giúp loại bỏ các ký tự nối và thoát.
const threeLines = `Đây là một chuỗi
trải dài khắp
ba dòng.`;
Đây là một chuỗi
trải dài khắp
ba dòng.
Vì các cơ sở mã khác nhau có thể sử dụng tiêu chuẩn khác nhau, điều quan trọng là phải biết tất cả các cách ngắt dòng trên một dòng mới và tạo chuỗi nhiều dòng.
Phần kết luận
Bây giờ bạn đã biết các nguyên tắc cơ bản khi làm việc với chuỗi trong JavaScript, bạn có thể tạo chuỗi và các hằng mẫu, thực hiện nối và truyền tải cũng như gán chuỗi cho các biến.
Thẻ:Khả năng hướng đối tượng và mảng kết hợp JavaScript, với tư cách là một “khuôn khổ” ngữ nghĩa để sử dụng các hàm và cấu trúc để xử lý chuỗi, được đặc biệt quan tâm khi lập trình các quy trình xử lý thông tin dựa trên nội dung ngữ nghĩa của nó. TRÊN JavaScript Các hàm làm việc với chuỗi có thể được kết hợp thành các cấu trúc ngữ nghĩa của riêng chúng, đơn giản hóa mã và hình thức hóa lĩnh vực chủ đề nhiệm vụ.
Trong phiên bản cổ điển, việc xử lý thông tin chủ yếu là các hàm chuỗi. Mỗi chức năng và cấu trúc của ngôn ngữ đều có những đặc điểm riêng về cú pháp và ngữ nghĩa của JavaScript. Các phương thức làm việc với chuỗi ở đây có kiểu riêng, nhưng thông thường nó chỉ là cú pháp trong phạm vi ngữ nghĩa đơn giản: tìm kiếm, thay thế, chèn, trích xuất, nối, thay đổi kiểu chữ...
Mô tả các biến chuỗi
Cấu trúc var được sử dụng để khai báo một chuỗi. Bạn có thể đặt ngay giá trị của nó hoặc tạo giá trị đó trong quá trình thực hiện thuật toán. Bạn có thể sử dụng dấu ngoặc đơn hoặc dấu ngoặc kép cho một chuỗi. Nếu nó phải chứa dấu ngoặc kép thì nó phải được thoát bằng ký tự "".
Một chuỗi được biểu thị bằng dấu ngoặc kép yêu cầu thoát khỏi dấu ngoặc kép bên trong. Tương tự như vậy, cái được đánh dấu bằng dấu ngoặc đơn rất quan trọng đối với sự hiện diện của dấu ngoặc đơn bên trong.
Trong ví dụ này, chuỗi "str_dbl" liệt kê các ký tự đặc biệt hữu ích có thể được sử dụng trong chuỗi. Trong trường hợp này, ký tự “” được thoát.
Một chuỗi luôn là một mảng
JavaScript có thể hoạt động với chuỗi theo nhiều cách khác nhau. Cú pháp ngôn ngữ cung cấp nhiều tùy chọn. Trước hết, người ta không bao giờ được quên điều đó (trong bối cảnh các mô tả được đưa ra):
- str_isV => "V";
- str_chr => “’”;
- str_dbl => "a".
Nghĩa là, các ký tự của chuỗi có sẵn dưới dạng các phần tử mảng, với mỗi ký tự tính cách đặc biệt là một nhân vật. Thoát là một yếu tố của cú pháp. Không có “màn hình” nào được đặt trên dòng thực tế.
Sử dụng hàm charAt() cũng có tác dụng tương tự:
- str_isV.charAt(3) => "V";
- str_chr.charAt(1) => “’”;
- str_dbl.charAt(5) => “a”.
Lập trình viên có thể sử dụng bất kỳ tùy chọn nào.
Các hàm chuỗi cơ bản
JavaScript xử lý chuỗi hơi khác một chút so với các ngôn ngữ khác. Tên của biến (hoặc chính chuỗi đó) được theo sau bởi tên của hàm, cách nhau bằng dấu chấm. Thông thường, các hàm chuỗi được gọi là các phương thức theo kiểu cú pháp ngôn ngữ, nhưng từ đầu tiên thì quen thuộc hơn.
Phương thức quan trọng nhất của chuỗi (chính xác hơn là thuộc tính) là độ dài của chuỗi.
- var xStr = str_isV.length + '/' + str_chr.length + '/' + str_dbl.length.
Kết quả: 12/11/175 theo dòng mô tả trên.
Cặp hàm chuỗi quan trọng nhất là tách một chuỗi thành một mảng các phần tử và hợp nhất mảng đó thành một chuỗi:
- chia(s [, l]);
- (các) tham gia.
Trong trường hợp đầu tiên, chuỗi được chia tại ký tự phân cách “s” thành một mảng các phần tử trong đó số phần tử không vượt quá giá trị “l”. Nếu số lượng không được chỉ định, toàn bộ dòng bị hỏng.
Trong trường hợp thứ hai, mảng các phần tử được hợp nhất thành một dòng thông qua một dấu phân cách nhất định.
Một đặc điểm đáng chú ý của cặp này: việc phân tách có thể được thực hiện bằng một dấu phân cách và việc hợp nhất có thể được thực hiện bằng một dấu phân cách khác. Trong ngữ cảnh này, JavaScript có thể hoạt động với các chuỗi "bên ngoài" cú pháp của ngôn ngữ.
Hàm chuỗi cổ điển
Các hàm xử lý chuỗi phổ biến:
- tìm kiếm;
- vật mẫu;
- thay thế;
- sự biến đổi.
Được biểu thị bằng các phương thức: indexOf(), LastIndexOf(), substr(), substring(), toLowerCase(), toUpperCase(), concan(), charCodeAt() và các phương thức khác.
Trong JavaScript, làm việc với các chuỗi được thể hiện bằng rất nhiều hàm, nhưng chúng trùng lặp với nhau hoặc bị bỏ lại do các thuật toán cũ và khả năng tương thích.
Ví dụ: sử dụng phương thức concat() có thể được chấp nhận, nhưng sẽ dễ viết hơn:
- str = str1 + str2 + str3;
Sử dụng hàm charAt() cũng có ý nghĩa, nhưng sử dụng charCodeAt() thực sự có ý nghĩa thực tế. Tương tự, đối với JavaScript, ngắt dòng có một ý nghĩa đặc biệt: trong ngữ cảnh hiển thị, ví dụ: trong thông báo cảnh báo(), nó là “n”; trong cấu trúc tạo nội dung trang, nó là “
" Trong trường hợp đầu tiên nó chỉ là một ký tự và trong trường hợp thứ hai nó là một chuỗi ký tự.
Chuỗi và biểu thức chính quy
Trong JavaScript, làm việc với chuỗi bao gồm một cơ chế biểu thức chính quy. Điều này cho phép thực hiện các tìm kiếm, tìm nạp và chuyển đổi chuỗi phức tạp trong trình duyệt mà không cần liên hệ với máy chủ.
Phương thức khớp tìm và thay thế thay thế kết quả tìm thấy bằng giá trị mong muốn. Biểu thức chính quy được triển khai trong JavaScript trong cấp độ cao về bản chất là phức tạp và do đặc thù của ứng dụng, chúng chuyển trọng tâm từ máy chủ sang trình duyệt của khách hàng.
Khi sử dụng các phương thức khớp, tìm kiếm và thay thế, bạn không chỉ nên chú ý kiểm tra toàn bộ phạm vi giá trị chấp nhận được của các tham số ban đầu và chuỗi tìm kiếm mà còn phải đánh giá tải trên trình duyệt.
Ví dụ về biểu thức chính quy
Phạm vi của các biểu thức chính quy để xử lý chuỗi rất rộng nhưng đòi hỏi sự quan tâm và chú ý đặc biệt từ nhà phát triển. Trước hết, biểu thức chính quy được sử dụng khi kiểm tra dữ liệu nhập của người dùng vào các trường biểu mẫu.
Dưới đây là các hàm kiểm tra xem đầu vào có chứa số nguyên (schInt) hay số thực (schReal). Ví dụ sau đây cho thấy việc xử lý chuỗi hiệu quả như thế nào bằng cách chỉ kiểm tra các ký tự hợp lệ: schText - chỉ văn bản, schMail - địa chỉ chính xác E-mail.
Điều rất quan trọng cần ghi nhớ là trong JavaScript, các ký tự và chuỗi đòi hỏi sự chú ý nhiều hơn đến ngôn ngữ, đặc biệt là khi bạn cần làm việc với Cyrillic. Trong nhiều trường hợp, nên chỉ định mã ký tự thực tế hơn là ý nghĩa của chúng. Điều này áp dụng chủ yếu cho các chữ cái tiếng Nga.
Cần đặc biệt lưu ý rằng không phải lúc nào cũng cần hoàn thành nhiệm vụ như đã đặt ra. Đặc biệt, liên quan đến việc kiểm tra số nguyên và số thực: bạn có thể thực hiện không phải bằng các phương thức chuỗi cổ điển mà bằng các cấu trúc cú pháp thông thường.
Chuỗi hướng đối tượng
Trong JavaScript, làm việc với chuỗi được thể hiện bằng nhiều hàm. Nhưng đây không phải là lý do chính đáng để sử dụng chúng ở dạng ban đầu. Cú pháp và chất lượng của các hàm đều hoàn hảo nhưng đó là một giải pháp phù hợp cho tất cả.
Bất kỳ việc sử dụng hàm chuỗi nào đều liên quan đến việc xử lý ý nghĩa thực, được xác định bởi dữ liệu, phạm vi ứng dụng và mục đích cụ thể của thuật toán.
Giải pháp lý tưởng luôn là diễn giải dữ liệu theo ý nghĩa của nó.
Bằng cách biểu diễn từng tham số dưới dạng một đối tượng, bạn có thể xây dựng các hàm để làm việc với nó. Luôn luôn Chúng ta đang nói về về xử lý ký hiệu: số hoặc chuỗi là chuỗi ký hiệu được sắp xếp theo một cách cụ thể.
Ăn thuật toán chung, và có những cái riêng tư. Ví dụ: họ hoặc số nhà là chuỗi, nhưng nếu trong trường hợp đầu tiên chỉ cho phép các chữ cái tiếng Nga, thì trong trường hợp thứ hai, số, các chữ cái tiếng Nga được cho phép và có thể có dấu gạch ngang hoặc chỉ số được phân tách bằng dấu gạch chéo. Chỉ mục có thể là chữ cái hoặc số. Ngôi nhà có thể có các tòa nhà.
Không phải lúc nào cũng có thể thấy trước mọi tình huống. Cái này tâm điểm trong lập trình. Rất hiếm khi thuật toán không cần sửa đổi và trong hầu hết các trường hợp, cần phải điều chỉnh chức năng một cách có hệ thống.
Việc chính thức hóa thông tin dòng được xử lý dưới dạng một đối tượng sẽ cải thiện khả năng đọc mã và cho phép nó được đưa đến cấp độ xử lý ngữ nghĩa. Đây là một mức độ khác nhau của chức năng và đáng kể chất lượng tốt nhất mã có độ tin cậy cao hơn của thuật toán đã phát triển.
Bài viết này sẽ nói về những gì chuỗi trong JavaScript và phương pháp làm việc với chúng.
Chuỗi chỉ đơn giản là các nhóm ký tự, chẳng hạn như "JavaScript", "Xin chào thế giới!" ", "http://www.quirksmode.org" hoặc thậm chí là "14". Để lập trình bằng JavaScript, bạn cần biết chuỗi là gì và cách làm việc với chúng vì bạn sẽ phải sử dụng chúng rất thường xuyên. Nhiều thứ như trang URL, giá trị tham số CSS và các phần tử đầu vào của biểu mẫu đều là chuỗi.
Đầu tiên tôi sẽ cố gắng giải thích làm việc với chuỗi, thì sự khác biệt giữa trong JavaScript. Ngay cả khi bạn có kinh nghiệm lập trình bằng ngôn ngữ khác, hãy đọc kỹ phần này. Cuối cùng tôi sẽ nói về điều quan trọng nhất chuỗi trong JavaScript.
Khái niệm cơ bản về chuỗi
Hãy xem xét những điều cơ bản khi làm việc với chuỗi trong JavaScript.
Sử dụng dấu ngoặc kép
Khi bạn thông báo chuỗi trong JavaScript hoặc làm việc với chúng, hãy luôn đặt chúng trong dấu ngoặc đơn hoặc dấu ngoặc kép. Điều này cho trình duyệt biết rằng nó đang xử lý một chuỗi. Không kết hợp việc sử dụng dấu ngoặc kép trong mã của bạn; nếu bạn bắt đầu một dòng bằng một dấu ngoặc đơn và kết thúc bằng dấu ngoặc kép, JavaScript sẽ không hiểu ý bạn. Thông thường, tôi sử dụng dấu ngoặc đơn khi làm việc với chuỗi vì tôi đã chọn sử dụng dấu ngoặc kép cho HTML và dấu ngoặc đơn cho JavaScript. Tất nhiên, bạn có thể làm mọi thứ theo cách khác, nhưng tôi khuyên bạn nên đưa ra một quy tắc tương tự cho chính mình.
Hãy tưởng tượng hai dòng mà chúng ta sẽ sử dụng trong suốt bài viết:
Var a = "Xin chào thế giới!"; var b = "Tôi là sinh viên.";
Bây giờ chúng ta đã khai báo hai biến "a" và "b" và gán cho chúng các giá trị chuỗi. Sau đó, chúng ta có thể làm việc với họ, nhưng trước tiên hãy giải quyết một vấn đề: giả sử tôi đã viết:
Var b = "Tôi là sinh viên.";
Chuỗi chứa một trích dẫn đơn bổ sung và JavaScript cho rằng chuỗi đó đã hoàn tất và hiển thị thông báo lỗi mà không hiểu điều gì xảy ra tiếp theo. Vì vậy bạn cần báo giá thoát hiểm, yêu cầu trình duyệt coi nó như một ký tự chứ không phải là một dòng kết thúc. Việc này được thực hiện bằng cách sử dụng dấu gạch chéo ngược trước dấu ngoặc kép:
Var b = "Tôi\"là sinh viên.";
Lưu ý rằng bạn có thể chèn dấu ngoặc kép vào chuỗi mà không cần thoát chúng. Vì bạn đang sử dụng dấu ngoặc đơn để bắt đầu và kết thúc chuỗi,
Var b = "Tôi\"là "sinh viên".";
được nhận thức mà không có vấn đề gì. Dấu ngoặc képđược tự động coi là một phần của chuỗi chứ không phải là lệnh.
Chức năng tích hợp sẵn
Khi các chuỗi đã được xác định, bạn có thể bắt đầu sử dụng chúng. Ví dụ, bạn có thể nối chuỗi này với chuỗi khác, hoặc lấy một chuỗi con từ chuỗi “b” gồm các ký tự thứ hai đến thứ tư chèn vào giữa chuỗi “a”, hoặc xác định ký tự nào là ký tự thứ 12 trong “a”, chuỗi “b” có bao nhiêu ký tự ”, cho dù chúng có chứa chữ cái “ q” v.v.
Để thực hiện việc này, bạn có thể sử dụng các hàm dựng sẵn mà JavaScript xác định trước cho từng dòng. Một trong số đó, “length”, trả về độ dài của chuỗi. Nghĩa là, nếu bạn muốn tính độ dài của “Xin chào thế giới!”, hãy viết:
Var c = "Xin chào thế giới!".length;
Trước đây, chúng ta đã gán chuỗi này cho biến "a". Vì vậy, bạn đã biến biến "a" thành một chuỗi, do đó hàm "độ dài" cũng có thể được áp dụng cho biến đó và hoạt động tiếp theo sẽ cho kết quả tương tự:
Var c = a.length;
Hãy nhớ rằng bạn có thể sử dụng "độ dài" cho bất kỳ chuỗi nào - đó là hàm tích hợp sẵn. Bạn có thể tính độ dài của bất kỳ chuỗi nào, ví dụ: "location.href" hoặc "document.title" hoặc do bạn khai báo.
Dưới đây tôi sẽ trình bày danh sách các phương thức và thuộc tính tích hợp phổ biến.
Chuỗi và số
Một số ngôn ngữ lập trình yêu cầu bạn chỉ định biến là số hay chuỗi trước khi thực hiện bất kỳ điều gì khác với biến đó. JavaScript dễ dàng hơnđề cập đến sự khác biệt giữa chuỗi và số. Trên thực tế, bạn thậm chí có thể thêm số bằng chuỗi:
Var c = a + 12;
Trong một số ngôn ngữ lập trình, việc xử lý chuỗi như vậy sẽ gây ra lỗi. Xét cho cùng, “a” là một chuỗi và “12” là một số. Tuy nhiên, JavaScript cố gắng giải quyết vấn đề bằng cách giả định rằng "12" cũng là một chuỗi. Do đó "c" trở thành "Xin chào thế giới!12". Điều này có nghĩa là nếu bạn sử dụng "+" với một chuỗi và một số, JavaScript sẽ cố gắng biến số đó thành một chuỗi. Nếu bạn áp dụng các phép toán cho một chuỗi, JavaScript sẽ cố gắng biến chuỗi đó thành một số. Nếu không thể chuyển đổi một chuỗi thành số (ví dụ: do có các chữ cái trong đó), JavaScript sẽ trả về NaN - “Không phải số - không phải là số”.
Cuối cùng, trong JavaScript không có sự khác biệt giữa số nguyên và số dấu phẩy động.
Số → chuỗi
Vì chuyển đổi số thành chuỗiđi vào:
Var c = (16 * 24) / 49 + 12; d = c.toString();
Sau đó, bạn có thể áp dụng tất cả các phương thức chuỗi cho "d" và "c" vẫn chứa một số.
Chuỗi → số
Nếu bạn muốn chuyển đổi một chuỗi thành số, trước tiên hãy đảm bảo chuỗi đó chỉ bao gồm các ký tự 0-9. Để làm điều này tôi chỉ cần nhân chuỗi với 1.
Var c = "1234"; d = c * 1;
Vì phép nhân chỉ hoạt động với số nên JavaScript sẽ biến chuỗi thành số nếu có thể. Nếu không thì kết quả là NaN.
Lưu ý rằng nếu bạn viết:
Var c = "1234"; d = c + 0;
Kết quả sẽ là "12340" vì JavaScript sử dụng dấu "+" để nối các chuỗi thay vì thêm chúng.
Thuộc tính và phương thức chuỗi
Vậy chúng ta có thể làm gì với chuỗi? Hiệp hội là một trường hợp đặc biệt, nhưng tất cả các lệnh (phương thức) khác có thể được sử dụng với bất kỳ chuỗi nào bằng cách sử dụng cấu trúc:
String_name.method();
Danh sách các phương thức JavaScript tích hợp để làm việc với chuỗi
Concatenation – nối chuỗi
Đầu tiên, bạn có thể nối các chuỗi bằng cách cộng chúng lại với nhau, như sau:
Document.write(a + b);
kết quả sẽ là: "Xin chào thế giới! Tôi là sinh viên." " Nhưng tất nhiên bạn muốn có khoảng cách giữa các câu. Để làm điều này, hãy viết mã như sau:
Document.write(a + " " + b);
Vì vậy, chúng ta sẽ kết nối ba chuỗi: “a”, ““”” (một khoảng trắng) và “b”, dẫn đến: “Xin chào thế giới!” Tôi là một học sinh. »
Bạn thậm chí có thể sử dụng số hoặc phép tính, ví dụ:
Document.write(a + 3 * 3 + b);
Bây giờ chúng ta nối chuỗi “a”, sau đó kết quả của biểu thức “3 * 3”, được coi là một chuỗi và “b”, nhận được: “Xin chào thế giới!9 Tôi là sinh viên. »
Bạn cần cẩn thận khi sử dụng phép cộng. Đội
Document.write(a + 3 + 3 + b);
kết nối 4 chuỗi: "a", "3", "3" và "b" vì "+" trong trong trường hợp này có nghĩa là “nối các dòng” chứ không phải “thêm vào” và kết quả là: “Xin chào thế giới!33 Tôi là sinh viên. " Nếu bạn muốn thêm 3 và 3 trước khi tạo chuỗi, hãy sử dụng dấu ngoặc đơn.
Document.write(a + (3 + 3) + b);
Biểu thức này nối chuỗi “a”, kết quả của biểu thức “3 + 3” và “b”, dẫn đến: “Xin chào thế giới!6 Tôi là sinh viên. "
Chỉ số
Một trong những phương thức tích hợp được sử dụng rộng rãi nhất là "indexOf". Mỗi ký tự có chỉ mục riêng chứa số vị trí của nó trong dòng. Lưu ý chỉ số của ký tự đầu tiên là 0, ký tự thứ hai là 1, v.v. Như vậy, chỉ số của ký tự “w” trong chuỗi “a” là 6.
Sử dụng "indexOf" chúng ta có thể xuất chỉ mục của một ký tự. Viết ".indexOf(" ")" sau tên dòng và chèn ký tự bạn đang tìm kiếm vào giữa dấu ngoặc kép. Ví dụ:
Var a = "Xin chào thế giới!"; document.write(a.indexOf("w"));
sẽ trở lại 6 . Nếu một ký tự xuất hiện nhiều lần, phương thức này sẽ trả về lần xuất hiện đầu tiên. Đó là
Document.write(a.indexOf("o"));
sẽ trả về 4 vì đây là chỉ mục của chữ "o" đầu tiên trong chuỗi.
Bạn cũng có thể tìm kiếm sự kết hợp của các biểu tượng. (Tất nhiên đây cũng là một chuỗi nhưng để tránh nhầm lẫn mình sẽ không gọi như vậy). "indexOf" trả về vị trí của ký tự đầu tiên của tổ hợp. Ví dụ:
Document.write(a.indexOf("o w"));
cũng sẽ trả về 4 vì đó là chỉ số của "o".
Hơn nữa, có thể tìm kiếm một ký tự sau một chỉ mục nhất định. Nếu bạn nhập
Document.write(a.indexOf("o", 5));
thì bạn sẽ được chỉ số của chữ “o” đầu tiên theo sau ký tự có chỉ số 5 (đây là khoảng trắng), tức là kết quả sẽ là 7.
Nếu ký tự hoặc sự kết hợp không xuất hiện trong chuỗi, "indexOf" sẽ trả về "-1". Về cơ bản, đây là cách sử dụng phổ biến nhất của "indexOf": kiểm tra sự tồn tại của một tổ hợp ký tự nhất định. Đó là cốt lõi của tập lệnh xác định trình duyệt. Để xác định IE bạn lấy dòng:
Navigator.userAgent;
và kiểm tra xem nó có chứa "MSIE" không:
If(navigator.userAgent.indexOf("MSIE") != -1) ( //Mọi hành động với Internet Explorer)
Nếu chỉ mục của "MSIE" không phải là "-1" (nếu "MSIE" xuất hiện ở bất kỳ đâu trong dòng), thì trình duyệt hiện tại là IE.
chỉ số cuối cùng
Ngoài ra còn có phương thức "lastIndexOf" trả về lần xuất hiện cuối cùng của một ký tự hoặc tổ hợp. Nó làm ngược lại với "indexOf". Đội
Var b = "Tôi là sinh viên."; document.write(b.lastIndexOf("t"));
sẽ trả về 13 vì đây là chỉ mục của chữ "t" cuối cùng trong chuỗi.
ký tựAt
Phương thức "charAt" trả về ký tự ở vị trí đã chỉ định. Ví dụ, khi bạn nhập
Var b = "Tôi là sinh viên."; document.write(b.charAt(5));
kết quả là "a" vì đó là ký tự ở vị trí thứ sáu (hãy nhớ rằng chỉ số của ký tự đầu tiên bắt đầu từ 0).
chiều dài
Phương thức "length" trả về độ dài của chuỗi.
Var b = "Tôi là sinh viên."; document.write(b.length);
sẽ trả về "15". Độ dài của chuỗi lớn hơn 1 chỉ số của ký tự cuối cùng.
tách ra
"split" là một phương thức đặc biệt cho phép bạn tách một chuỗi ở các ký tự cụ thể. Được sử dụng khi kết quả cần được lưu trữ trong một mảng thay vì trong một biến đơn giản. Hãy chia "b" cho dấu cách:
Var b = "Tôi là sinh viên." var temp = new Array(); temp = b.split(" ");
Bây giờ chuỗi được chia thành 4 chuỗi con, được đặt trong mảng "temp". Bản thân các không gian đã biến mất.
Nhiệt độ = "Tôi"; tạm thời = "sáng"; nhiệt độ = "a"; tạm thời = "sinh viên";
Phương thức "chuỗi con" được sử dụng để trừ một phần của chuỗi. Cú pháp phương thức: ".substring(first_index, Last_index)". Ví dụ:
Var a = "Xin chào thế giới!"; document.write(a.substring(4, 8));
sẽ trả về "o wo", từ "o" đầu tiên (chỉ số 4) đến chữ "o" thứ hai (chỉ số 7). Lưu ý rằng "r" (chỉ số 8) không phải là một phần của chuỗi con.
Bạn cũng có thể viết:
Var a = "Xin chào thế giới!"; document.write(a.substring(4));
Điều này sẽ cung cấp toàn bộ chuỗi con "o world! ", bắt đầu từ ký tự có chỉ số 4 cho đến cuối dòng.
chất nền
Ngoài ra còn có một phương thức "substr" hoạt động hơi khác một chút. Nó sử dụng số ký tự thay vì số chỉ mục làm đối số thứ hai. Đó là
Document.write(a.substr(4, 8));
trả về 8 ký tự, bắt đầu từ ký tự ở chỉ số 4 (“o”), tức là kết quả là: “ o world! »
toLowerCase và toUpperCase
Cuối cùng, 2 phương thức đôi khi có thể hữu ích với bạn: “toLowerCase” chuyển đổi toàn bộ chuỗi thành chữ thường và “toUpperCase” chuyển đổi nó thành chữ hoa.
Var b = "Tôi là sinh viên."; document.write(b.toUpperCase());
Kết quả là chúng ta nhận được “TÔI LÀ SINH VIÊN. "
Từ tác giả: Chào hỏi những người bạn. Trong một số bài viết trước chúng ta đã làm quen với kiểu số dữ liệu bằng JavaScript và làm việc với các con số. Bây giờ là lúc làm việc với các chuỗi trong JavaScript. Chúng ta hãy xem xét kỹ hơn kiểu chuỗi dữ liệu trong JavaScript.
Chúng ta đã làm quen với kiểu chuỗi một thời gian ngắn và trên thực tế, chúng ta chỉ tìm hiểu chuỗi là gì và nó được viết như thế nào. Bây giờ chúng ta hãy xem xét kỹ hơn các chuỗi và phương thức làm việc với chúng.
Như bạn còn nhớ, bất kỳ văn bản nào trong JavaScript đều là một chuỗi. Chuỗi phải được đặt trong dấu ngoặc kép, đơn hoặc kép, không có sự khác biệt:
var hi = "xin chào", name = "John";
var hi = "xin chào", tên = "John"; |
Bây giờ chúng ta chỉ viết một từ vào các biến. Nhưng nếu chúng ta muốn ghi lại một lượng lớn văn bản thì sao? Có, không vấn đề gì, hãy viết một số văn bản về cá vào một biến và xuất nó ra bảng điều khiển:
var text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis dignisimos maxime et tempore omnis, ab fugit. Quos nisi, culpa exerciteem!"; console.log(văn bản);
văn bản var = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis dignisimos maxime et tempore omnis, ab fugit. Quos nisi, culpa exerciteem!"; bảng điều khiển. nhật ký(văn bản); |
Làm. Nhưng nếu có nhiều văn bản, có thể chúng ta sẽ ngắt dòng để bắt đầu đoạn văn mới một dòng mới. Hãy thử thêm dấu ngắt dòng như thế này vào văn bản của chúng ta:
Như bạn có thể thấy, tôi soạn thảo văn bảnđã được đánh dấu màu đỏ vấn đề có thể xảy ra. Hãy xem trình duyệt phản ứng thế nào với ngắt dòng theo cách hiểu này:
Lỗi cú pháp, như mong đợi. Làm sao để? Có một số cách để lưu trữ văn bản nhiều dòng trong một biến. Bạn có thể đã đoán được về một trong số chúng, chúng ta đang nói về nối chuỗi:
Như bạn có thể thấy, trình soạn thảo đã phản ứng bình thường với tùy chọn ghi chuỗi vào một biến này. Một tùy chọn khác là sử dụng dấu gạch chéo ngược (\), trong JavaScript và nhiều ngôn ngữ lập trình khác là ký tự thoát cho phép bạn làm việc an toàn với các ký tự đặc biệt. Chúng ta sẽ tìm hiểu thêm những ký tự đặc biệt là gì. Vậy hãy thử sàng lọc biểu tượng vô hình nguồn cấp dữ liệu dòng:
Che chắn cũng giải quyết được vấn đề của chúng tôi. Tuy nhiên, nếu nhìn vào console, cả nối chuỗi và thoát dòng cấp dữ liệu, trong khi giải quyết vấn đề ghi vào chương trình, lại không giải quyết được vấn đề hiển thị chuỗi nhiều dòng trên màn hình. Thay vì dòng nhiều dòng, chúng ta sẽ thấy văn bản một dòng trong bảng điều khiển. Tôi nên làm gì?
Và ở đây ký tự dòng mới đặc biệt sẽ giúp chúng ta - \n. Bằng cách thêm ký tự đặc biệt này vào dòng đúng chỗ, chúng ta sẽ báo cho người phiên dịch biết cần phải kết thúc tại vị trí này dòng hiện tại và tạo một dòng mới.
var text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis dignisimos maxime et tempore omnis, ab fugit.\ \nQuos nisi, culpa exerciteem!"; console.log(văn bản);
văn bản var = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis dignissimos maxime et tempore omnis, ab fugit.\ "Quos nisi, thủ phạm tập thể dục!"; bảng điều khiển. nhật ký(văn bản); |
Trên thực tế, nếu bạn không ngại viết văn bản trong mã thành một dòng thì chúng ta có thể làm như thế này:
var text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis dignisimos maxime et tempore omnis, ab fugit.\nQuos nisi, culpa exerciteem!"; console.log(văn bản);
văn bản var = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis dignisimos maxime et tempore omnis, ab fugit.\nQuos nisi, culpa exerciteem!"; bảng điều khiển. nhật ký(văn bản); |
Kết quả trên màn hình sẽ không thay đổi; chúng ta sẽ thấy văn bản nhiều dòng trong bảng điều khiển của trình duyệt:
Chúng tôi thực sự không thực sự cần ký tự thoát dấu gạch chéo ngược trong mã trong tình huống này. Nhưng nó thực sự cần thiết, như đã lưu ý ở trên, để thoát khỏi các ký tự đặc biệt. Ví dụ: bên trong một chuỗi mà chúng ta đặt trong dấu ngoặc đơn, có một dấu nháy đơn, tức là trích dẫn duy nhất:
var text = "Lorem ipsum d"olor sit amet";
Xin chào! Trong bài học này, chúng ta sẽ xem cách bạn có thể tạo một chuỗi và các hàm để làm việc với các chuỗi trong JavaScript. Về nguyên tắc, trong JavaScript, bất kỳ biến văn bản nào cũng là một chuỗi, vì JavaScript không phải là ngôn ngữ lập trình được định kiểu mạnh (đọc về các kiểu dữ liệu). Và để làm việc với chuỗi, lớp String được sử dụng:
Tên Var1 = "Tommy";
Vì vậy, hãy sử dụng hàm tạo String:
Tên Var1 = Chuỗi mới("Tommy");
Phương pháp đầu tiên chủ yếu được sử dụng, có lẽ vì nó ngắn hơn.
Lớp để làm việc với dây chuỗi có khá nhiều thứ trong kho vũ khí của nó bộ lớn các thuộc tính và hàm mà bạn có thể thực hiện các thao tác khác nhau với chuỗi.
Chiều dài chuỗi
Thuộc tính length cho phép bạn thiết lập độ dài của chuỗi. Thuộc tính này trả về một số:
Var hello1 = "xin chào thế giới"; document.write("Trong dòng "" + hello + "" " + hello1.length + " ký tự");
Tìm kiếm trong một chuỗi
Để tìm một chuỗi con nhất định trong một chuỗi, các hàm indexOf() (trả về chỉ mục của lần xuất hiện đầu tiên của chuỗi con) và LastIndexOf() (trả về chỉ mục của lần xuất hiện cuối cùng của chuỗi con) được sử dụng. Các hàm này có hai đối số:
- Chuỗi con thực sự cần được tìm thấy
- Đối số tùy chọn chỉ định ký tự nào cần tìm kiếm chuỗi con trong chuỗi
Cả hai hàm này đều trả về một số, là chỉ mục của ký tự mà chuỗi con bắt đầu trong chuỗi. Nếu không tìm thấy chuỗi con thì trả về số -1. Do đó, các hàm này được sử dụng trong các toán tử logic, vì theo quy luật, bạn chỉ cần kiểm tra xem một chuỗi có chứa chuỗi con hay không, khi đó trong trường hợp này kết quả của các hàm này được so sánh với -1.
Var str1 = "Xin chào Vasya!"; var podtr = "Petya"; if(str.indexOf(podtr) == -1)( document.write("Không tìm thấy chuỗi con."); ) else ( document.write("Tìm thấy chuỗi con."); )
Trong ví dụ, thông báo “Không tìm thấy chuỗi con” sẽ được hiển thị vì chuỗi “Peter” không có trong chuỗi “Xin chào Vasya!”.
Lựa chọn chuỗi con
Để cắt một chuỗi con khỏi một chuỗi, các hàm như substr() và substring() được sử dụng.
Hàm substring() nhận 2 đối số:
- vị trí bắt đầu của ký tự trong dòng, bắt đầu từ đó dòng sẽ được cắt bớt
- vị trí cuối mà chuỗi cần được cắt bớt
Hàm substr() cũng lấy chỉ số bắt đầu của chuỗi con làm tham số thứ nhất và độ dài của chuỗi con làm tham số thứ 2:
Var hello1 = "xin chào thế giới. Tạm biệt thế giới"; var bye1 = hello1.substr(12, 2); document.write(bye1);//Trước
Và nếu tham số thứ 2 không được chỉ định thì dòng sẽ bị cắt ngắn đến cuối:
Var hello1 = "xin chào thế giới. Tạm biệt thế giới"; var bye1 = hello1.substr(12); document.write(tạm biệt1); //tạm biệt bình yên
Kiểm soát trường hợp thư
Để đổi chữ hoa, nghĩa là viết tất cả các chữ cái thành chữ nhỏ hoặc chữ in hoa, hãy sử dụng các hàm toLowerCase() (để chuyển các ký tự thành chữ thường, nghĩa là tất cả các chữ cái sẽ là nhỏ) và toUpperCase() (để chuyển các ký tự thành chữ thường). chữ hoa, nghĩa là tất cả các chữ cái sẽ lớn).
Var hello1 = "Xin chào Jim"; document.write(hello1.toLowerCase() + "
"); //chào Jim document.write(hello1.toUpperCase() + "
"); //Xin chào JIM
Lấy một biểu tượng theo chỉ mục của nó
Để tìm một ký tự cụ thể trong một chuỗi theo chỉ mục của nó, các hàm charAt() và charCodeAt() được sử dụng. Cả hai hàm này đều lấy chỉ mục ký tự làm đối số:
Var hello1 = "Xin chào Jim"; document.write(hello1.charAt(3) + "
"); //trong document.write(hello1.charCodeAt(3) + "
"); //1080
Nhưng chỉ khi hàm charAt() trả về chính ký tự đó là kết quả hoạt động của nó, thì hàm charCodeAt() sẽ trả về mã Unicode dạng số của ký tự này.
Xóa dấu cách
Để xóa khoảng trắng trong chuỗi, hãy sử dụng hàm Trim():
Var hello1 = "Xin chào Jim"; var beforeLen = hello1.length; hello1 = hello1.trim(); var afterLen = hello1.length; document.write("Độ dài dòng lên tới: " + beforeLen + "
"); //15 document.write("Độ dài dòng sau: " + afterLen + "
"); //10
Nối chuỗi
Hàm concat() cho phép bạn nối 2 chuỗi:
Var hello1 = "Xin chào"; var world1 = "Vasya"; hello1 = hello1.concat(world1); document.write(xin chào); //Xin chào Vasya
Thay thế chuỗi con
Hàm thay thế () cho phép bạn thay thế một chuỗi con bằng một chuỗi khác:
Var hello1 = "Chào buổi chiều"; hello1 = hello1.replace("ngày", "buổi tối"); document.write(hello1); //Buổi tối vui vẻ
Đối số đầu tiên của hàm cho biết chuỗi con nào sẽ được thay thế và đối số thứ 2 cho biết chuỗi con nào sẽ được thay thế.
Tách một chuỗi thành một mảng
Hàm Split() cho phép bạn chia một chuỗi thành một mảng các chuỗi con bằng cách sử dụng một dấu phân cách cụ thể. Bạn có thể sử dụng một chuỗi được truyền cho phương thức:
Var mes = "Hôm nay thời tiết đẹp"; var stringArr = mes.split(" "); for(var str1 in stringArr) document.write(stringArr + "
");
KẾT QUẢ
Chuỗi có thể được tạo đơn giản bằng cách sử dụng một biến thông thường, chỉ cần đặt văn bản vào đó hoặc sử dụng lớp String.
Để tìm ra độ dài của một chuỗi, hãy sử dụng thuộc tính length.
Các chuỗi được so sánh từng chữ cái. Do đó, nếu có một số trong một chuỗi, thì những số đó có thể được so sánh không chính xác; đối với điều này, chuỗi đó cần được chuyển đổi thành loại. số (đọc về lớp Số).
Ngoài ra, khi so sánh các chuỗi, bạn nên tính đến trường hợp chữ cái. Chữ viết hoa nhỏ hơn một số nhỏ và chữ е nói chung nằm ngoài bảng chữ cái.
NHIỆM VỤ
Thay đổi chữ cái cuối cùng trong chuỗi
Viết hàm LastLetterStr(str) để thay đổi chữ cái cuối cùng viết hoa, viết hoa.
Kiểm tra thư rác
Viết hàm provSpam(str) để kiểm tra sự hiện diện của các chuỗi con trong chuỗi: “spam”, “sex”, “xxx”. Và trả về true nếu có dữ liệu chuỗi con và trả về false nếu không.
Tìm số
Viết hàm extrNum(str), lấy một số từ một chuỗi nếu chuỗi đó chứa một số và hàm số sẽ trả về. Ví dụ: có dòng “120 UAH” cần được trả về từ dòng 120.
Và để củng cố điều này, hãy xem video về cách làm việc với chuỗi trong JavaScript.
