Xử Lý Chuỗi Trong JavaScript - Viblo
Có thể bạn quan tâm
Xử lý chuỗi trong JavaScript là một kỹ năng cơ bản mà bất kì devjs nào cũng cần biết, tương tự như anh array, String cũng được các nhà phát triển liên tục cải tiến và cập nhật. Đến nay chắc cũng phải có 9 vạn 8 nghìn phương thức xử lý chuỗi khác nhau góp phần làm cho dev thêm đau não mỗi khi sử dụng Hãy cùng tìm hiểu các phương thức phố biến cùng mình qua bài viết này nhé !
1. String.prototype.charAt()
- Trả về ký tự ở vị trí đã chỉ định theo index. Ví dụ vị trí đầu tiên là 0 tiếp theo là 1, 2...
- Nếu index nằm ngoài khoảng sẽ trả về chuỗi rỗng
Cú pháp
str.charAt(index) /* index: số nguyên trong khoảng 0 tới str.length - 1 nếu index không thể chuyển đổi sang số nguyên hoặc index không được cung cấp thì mặc định index = 0 */2. String.prototype.charCodeAt()
- Trả về một số nguyên trong khoảng 0 đến 65535 theo chuẩn UTF-16
- Nếu index nằm ngoài khoảng sẽ trả về NaN
Cú pháp
str.charCodeAt(index) /* index: số nguyên trong khoảng 0 tới str.length - 1 nếu index không phải là số thì mặc định index = 0 */3. String.prototype.concat()
Thường để nối chuỗi ta hay dùng dấu +, tuy nhiên JS có cung cấp cho ta method này với chức năng tương tự
- Phương thức này trả về 1 chuỗi mới sau khi nối
Cú pháp
str.concat(str2 [, ...strN]) // str2 [, ...strN]: các chuỗi sẽ nối tiếp vào str4. String.prototype.includes()
- Dùng để kiểm tra một chuỗi có thể được tìm thấy trong một chuỗi khác hay không
- Trả về true nếu tìm thấy hoặc false nếu không
Cú pháp
str.includes(searchString[, position]) // searchString: từ khóa để tìm kiếm bên trong str // position (không bắt buộc): Vị trí trong chuỗi bắt đầu tìm kiếm cho searchString (mặc định là 0)5. String.prototype.indexOf()
- Dùng để tìm kiếm vị trí của chuỗi trong một chuỗi khác
- Trả về vị trí đầu tiên được tìm thấy (bắt đầu từ vị trí được chỉ định tìm kiếm) hoặc -1 nếu không tìm thấy
Cú pháp
str.indexOf(searchValue [, fromIndex]) // searchValue: từ khóa để tìm kiếm // fromIndex (không bắt buộc): vị trí bắt đầu để tìm kiếm, mặc định là 06. String.prototype.lastIndexOf()
Ngược lại với indexOf(), nó bắt đầu tìm từ vị trí cuối của chuỗi
const paragraph = 'The quick brown fox jumps over the lazy dog. If the dog barked, was it really lazy?'; const searchTerm = 'dog'; const indexOfFirst = paragraph.lastIndexOf(searchTerm); console.log(`The index of the first '${searchTerm}' from the beginning is ${indexOfFirst}`); // > "The index of the first 'dog' from the beginning is 52" console.log(`The index of the 2nd '${searchTerm}' is ${paragraph.lastIndexOf(searchTerm, (indexOfFirst - 1))}`); // > "The index of the 2nd 'dog' is 40"7. String.prototype.match()
Regex trong JS là 1 thứ gì đó rất vi diệu và method này cũng thường xuyên được sử dụng khi làm việc với Regex
- Trả về kết quả của việc khớp chuỗi với 1 biểu thức chính quy (regular expression)
- Trả về 1 array chứa các nội dung khớp hoặc null nếu không tìm thấy
Cú pháp
str.match(regexp) // regexp: một biểu thức chính quy8. String.prototype.replace()
- Phương thức này được sử dụng rất nhiều trong trường hợp ta muốn thay thế hoặc xóa kí tự trong chuỗi
- Chuỗi cần thay thế có thể là một chuỗi đơn thuần hoặc 1 biểu thức chính quy
Cú pháp
const newStr = str.replace(regexp|substr, newSubstr|function) // regexp: 1 biểu thức chính quy // substr: chuỗi bị thay thế // newSubstr: chuỗi thay thế // function: Một hàm được gọi để tạo chuỗi con mới9. String.prototype.search()
- Dùng để tìm kiếm vị trí của chuỗi trong một chuỗi khác
- Trả về vị trí tìm thấy hoặc -1 nếu không
- Mẫu tìm kiếm có thể là chuỗi hoặc một biểu thức chính quy
Cú pháp
str.search(regexp) // regexp: 1 biểu thức chính quy10. String.prototype.slice()
- Dùng để trích xuất một phần của chuỗi và trả về nó dưới dạng một chuỗi mới mà không thay đổi chuỗi ban đầu
- Phương thức này khá giống với slice() trong Array mà mình đã giới thiệu với các bạn ở bài viết trước
Cú pháp
str.slice(beginIndex[, endIndex]) /* beginIndex: bắt đầu từ 0 + Nếu là số âm sẽ được tính bằng str.length + beginIndex (ví dụ -3 thì beginIndex = str.length - 3 hoặc bạn có thể đánh chỉ số âm giống mình cho dễ hình dung) + Nếu không phải số nguyên sẽ mặc định là 0 + Nếu lớn hơn str.length thì 1 chuỗi rỗng được trả về */ /* endIndex (Không bắt buộc): giá trị đánh dấu kết thúc trích xuất + Nếu endIndex bị bỏ qua hoặc không được xác định, hoặc lớn hơn str.length, thì slice() sẽ trích xuất đến cuối chuỗi. + Nếu endIndex được chỉ định và startIndex là âm, thì endIndex phải là số âm, nếu không sẽ trả về một chuỗi rỗng (ví dụ slice(-3, 0) sẽ trả về "") */Tạm kết
Bài viết khá dài rồi mình tạm thời dừng ở đây và sẽ tiếp tục trình bày thêm một số phương thức nữa ở bài viết sau nhé
Nếu thấy bài viết hay, hãy cho mình +1 upvote nhé. Nếu thích mình hãy nhấn nút follow để biết thêm nhiều thứ hay ho hơn. Chúc bạn thành công !
Từ khóa » Chuỗi Trong Javascript
-
Thao Tác Với String Trong JavaScript - NIIT - ICT Hà Nội
-
Nối Chuỗi Trong Javascript | Tự Học Javascript Cơ Bản
-
Các Hàm Xử Lý Chuỗi Trong Javascript
-
Cách Xử Lý Chuỗi Trong Javascript - Freetuts
-
Các Hàm Xử Lý Chuỗi Trong Javascript (cắt / Tách / Nối Chuỗi ..)
-
Chuỗi (String) Trong JavaScript - VietTuts
-
Các Hàm Xử Lý Chuỗi Trong JavaScript - Web Cơ Bản
-
Các Phương Thức Xử Lý Chuỗi Trong JavaScript - Web Cơ Bản
-
Làm Việc Với String Trong Javascript
-
Nối Chuỗi Trong JavaScript (concat, Toán Tử Cộng)
-
Độ Dài Chuỗi Trong JavaScript
-
Xử Lý Chuỗi Trong Javascript - Thầy Long Web
-
Cách Xử Lý Chuỗi Trong Javascript - Freetuts
-
Nối Chuỗi Trong Javascript - JavaScript Cơ Bản - Vi