Home-theater-designers
Trong khi lập trình bằng JavaScript, bạn sẽ thường gặp các tình huống yêu cầu thao tác chuỗi. Ví dụ: trong khi truy xuất email, bạn có thể cần chuyển đổi tất cả các ký tự thành chữ thường hoặc sử dụng biểu thức chính quy để kiểm tra xem mật khẩu đã nhập có đáp ứng tất cả các điều kiện hay không.
Các phương thức chuỗi JavaScript sẽ giúp bạn thực hiện tất cả các thao tác này trên một chuỗi theo yêu cầu của bạn một cách dễ dàng. Dưới đây là 10 phương pháp chuỗi với các ví dụ để giúp bạn nắm bắt tốt về chúng.
Phương thức chuỗi JavaScript là gì?
Chuỗi là một cấu trúc dữ liệu cơ bản bao gồm một chuỗi các ký tự. Cấu trúc dữ liệu này là một phần của tất cả các ngôn ngữ lập trình chính, bao gồm Python, JavaScript, Java, v.v.
Phương thức chuỗi là các phương thức JavaScript được xây dựng sẵn giúp các nhà phát triển thực hiện các thao tác phổ biến trên chuỗi mà không cần viết mã theo cách thủ công. Chúng đang chạy bằng cách sử dụng ký hiệu dấu chấm được đính kèm với biến chuỗi.
Có liên quan: Một chức năng trong lập trình là gì?
làm thế nào để nhận được nhiều cuộc khảo sát của google hơn
Vì chúng chỉ là các hàm JavaScript nên chúng luôn kết thúc bằng dấu ngoặc đơn có thể chứa các đối số tùy chọn. Điều cần thiết là phải biết JavaScript là gì và nó hoạt động như thế nào trước khi tiếp tục. Hãy bắt đầu và tìm hiểu các phương pháp này một cách chi tiết hơn.
Đối với các phương thức sắp tới, hãy lấy một biến chuỗi P với giá trị của ' Chào mừng đến với MUO! 'như một ví dụ.
let str = 'Welcome to MUO!'1. String.toLowerCase () và String.toUppperCase ()
Các toLowerCase () phương thức chuỗi chuyển đổi tất cả các ký tự của chuỗi đã cho sang định dạng chữ thường và tương tự, Đến trường hợp trên() phương thức chuyển đổi tất cả các ký tự sang định dạng chữ hoa. Các hàm này không sửa đổi chuỗi gốc.
Cú pháp:
toUpperCase()
toLowerCase()Hãy xem hai phương pháp này bằng một ví dụ nhanh:
console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);Khi chạy đoạn mã trên trên bảng điều khiển, bạn sẽ nhận được kết quả sau:
'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'2. String.concat ()
Các concat () phương thức được sử dụng để nối hai hoặc nhiều chuỗi lại với nhau. Bạn có thể thêm một hoặc nhiều đối số vào phương thức này để nối chúng thành một chuỗi duy nhất. Nó không thực hiện bất kỳ sửa đổi nào đối với chuỗi gốc.
Cú pháp:
concat(str1, str2, str3, ...)Dưới đây là một ví dụ giới thiệu cách nối hai chuỗi để tạo thành một chuỗi mới:
let str2 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'3. String.indexOf () và String.lastIndexOf ()
Các Chỉ số() phương pháp giúp bạn tìm ra chỉ mục đầu tiên mà tại đó ký tự hoặc chuỗi con được chỉ định hiện diện. Nó bắt đầu từ phía bên trái và theo dõi chuỗi để kiểm tra xem đối số đã cho có khớp hay không.
Cú pháp:
indexOf(str)Hãy cùng tìm hiểu chỉ số tại đó MUỘN có trong chuỗi với một ví dụ:
console.log(str.indexOf('MUO')); 11Nếu đối số đã cho không có trong chuỗi, phương thức trả về giá trị -1.
console.log(str.indexOf('Hello')); -1Tương tự, lastIndexOf () phương thức trả về chỉ mục của lần xuất hiện cuối cùng của ký tự hoặc chuỗi đã cho. Đây là một ví dụ:
console.log(str.lastIndexOf('e')); 6Mặc dù bảng chữ cái Và xuất hiện ở chỉ mục 1, lần xuất hiện cuối cùng của ký tự này là ở chỉ số 6 và do đó được trả về dưới dạng đầu ra.
4. String.charAt ()
Các charAt () phương thức string trả về ký tự tại chỉ mục được chỉ định trong chuỗi. Nó chỉ chấp nhận một đối số, chỉ mục mà ký tự sẽ được truy xuất. Giá trị chỉ mục nằm trong khoảng từ 0 đến độ dài - 1.
Cú pháp:
charAt(index)Đây là một ví dụ về charAt () phương pháp:
console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length - 1)); o
W
!Trong ví dụ trên, khi str.length - 1 được truyền dưới dạng đối số, phương thức trả về ký tự cuối cùng của chuỗi. Nếu bạn nhập chỉ mục không hợp lệ vượt quá phạm vi cho phép, phương thức này trả về -1.
5. String.charCodeAt ()
Tương tự với phương thức charAt, NS charCodeAt () phương thức trả về Giá trị ASCII của ký tự tại chỉ mục được chỉ định. Phương thức chuỗi này chỉ nhận một đối số, chỉ mục mà ký tự sẽ được truy xuất từ đó.
Cú pháp:
charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33Một lần nữa, giá trị chỉ mục nằm trong khoảng từ 0 đến độ dài - 1 và nếu bạn cố gắng vượt qua chỉ mục vượt quá giới hạn cho phép, phương thức này sẽ trả về -1.
6. String.replace ()
Như tên cho thấy, thay thế() phương thức giúp bạn thay thế một phần của chuỗi bằng một phần khác. Phương thức này nhận hai đối số: đối số đầu tiên là chuỗi con được thay thế và đối số thứ hai là chuỗi con được thay thế. Phương thức này không thực hiện bất kỳ sửa đổi nào đối với chuỗi gốc.
Cú pháp:
replace(str1, str2)Ví dụ, nếu bạn muốn thay thế từ MUỘN với Trang web này trong biến chuỗi, bạn có thể sử dụng thay thế() phương pháp như thế này:
let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!7. String.split ()
Các tách ra() phương thức được sử dụng để chia nhỏ tất cả các từ hoặc ký tự trong một chuỗi theo đối số phân tách được truyền cho phương thức. Kiểu trả về của phương thức này là một mảng. Mảng này bao gồm tất cả các ký tự hoặc chuỗi con, được phân chia theo dấu phân cách đã cho. Phương thức này không sửa đổi chuỗi gốc.
Cú pháp:
split(separator)Ví dụ: nếu một khoảng trống ('') được chuyển làm đối số dấu phân tách cho phương thức phân tách, thì kết quả đầu ra sẽ trông như thế nào:
let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']Nếu bạn không chuyển đối số vào tách ra() , nó sẽ trả về một mảng với một phần tử duy nhất bao gồm giá trị của biến chuỗi của bạn.
let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']8. String.substring ()
Các chuỗi con () phương thức được sử dụng để lấy một chuỗi con hoặc một phần của chuỗi ban đầu. Phương thức này nhận hai tham số: chỉ số bắt đầu và chỉ số kết thúc. Chuỗi con đầu ra bắt đầu từ chỉ mục bắt đầu được chỉ định và in đến chỉ mục kết thúc - 1.
Cú pháp:
substring(startIndex, endIndex)Đây là một ví dụ nhanh về chuỗi con () phương pháp:
console.log(str.substring(2,8)); 'lcome'Lưu ý rằng ký tự ở chỉ mục cuối không phải là một phần của đầu ra.
9. String.search ()
Các Tìm kiếm() phương thức giúp tìm một chuỗi con hoặc ký tự cụ thể bên trong chuỗi gốc. Phương thức này chấp nhận một nhóm ký tự hoặc chuỗi con làm đối số và theo dõi qua chuỗi. Sau khi tìm thấy một kết quả phù hợp, chỉ mục bắt đầu của phần được kết hợp sẽ được trả về. Nếu không, phương thức này trả về -1.
Cú pháp:
search(substring)Bạn có thể sử dụng Tìm kiếm() theo cách này:
console.log(str.search('MUO'));
console.log(str.search('2')); 11
-110. String.trim ()
Các trim () phương thức xóa tất cả các khoảng trắng trong chuỗi, trước ký tự đầu tiên và sau ký tự cuối cùng. Phương thức này không yêu cầu bạn chuyển bất kỳ tham số nào và không sửa đổi chuỗi gốc. Nó cực kỳ hữu ích cho việc xác thực đầu vào của người dùng trong các biểu mẫu.
Cú pháp:
trim()Hãy lấy một ví dụ mới để khám phá phương thức chuỗi này:
Windows có thể đọc mac OS mở rộng không
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! 'Các phương pháp JavaScript khác để kiểm tra
Vì vậy, đây là một bản tổng hợp nhanh một số phương thức chuỗi phổ biến có thể giúp bạn làm việc hiệu quả hơn với tư cách là một nhà phát triển JavaScript. Những phương pháp này cũng sẽ giúp bạn vượt qua các cuộc phỏng vấn viết mã cho các câu hỏi liên quan đến chuỗi. Thực hành làm cho hoàn hảo, vì vậy hãy tiếp tục và thử các phương pháp này trong bảng điều khiển của riêng bạn.
Khi bạn đã hiểu rõ về các phương thức chuỗi, bạn nên xem qua một số phương thức mảng có thể nâng cao hơn nữa khả năng thành thạo JavaScript của bạn.
Đăng lại Đăng lại tiếng riu ríu E-mail 15 phương pháp mảng JavaScript mà bạn nên nắm vững ngay hôm nayBạn muốn hiểu các mảng JavaScript nhưng không thể hiểu rõ về chúng? Kiểm tra các ví dụ về mảng JavaScript của chúng tôi để được hướng dẫn.
Đọc tiếp Chủ đề liên quan- Lập trình
- JavaScript
- Mẹo mã hóa
Nitin là một nhà phát triển phần mềm đam mê và là một sinh viên kỹ thuật máy tính đang phát triển các ứng dụng web sử dụng công nghệ JavaScript. Anh ấy làm việc như một nhà phát triển web tự do và thích viết cho Linux và Lập trình khi rảnh rỗi.
Xem thêm từ Nitin RanganathTheo dõi bản tin của chúng tôi
Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!
Bấm vào đây để đăng ký