+3

Một số String methods cần biết trong javascript

String là một trong những phần quan trọng nhất trong javascript, ngoài những methods hay dùng như trim, concat, subString, toUpperCase, toLowerCase; Javascript còn cung cấp cho chúng ta rất nhiều methods hữu ích khác để thao tác và giải quyết các vấn đề dễ dàng hơn khi làm việc với String. Mặc dù những hàm này ra đời cũng khá lâu hoặc các bạn cũng đã từng sử dụng nhưng đây là một cơ hội để chúng ta ôn lại và hiểu rõ hơn công dụng của mỗi hàm, bắt đầu nào!!!

1. includes

includes method dùng để kiểm tra một string có chứa một string khác hay không.

Ví dụ sau đây kiểm tra từ 'world' có trong chuỗi hay không:

const str = "Hello world, hello javascript.";
console.log(str.includes("world")); /* true */

// kiểm tra từ vị trí thứ 15
console.log(str.includes("world", 15)); /* false */

2. repeat

repeat method sẽ tạo ra một string mới lặp lại một số lần xác định của string ban đầu.

Ví dụ sau đây tạo một string mới với 5 lần lặp lại string ban đầu:

const str = "Hello viblo";
console.log(str.repeat(5));

/* Hello vibloHello vibloHello vibloHello vibloHello viblo */

3. match

match method sẽ thực hiện tìm kiếm một string match với regular expression truyền vào, và trả về một array các string vừa tìm kiếm được; nếu không tìm thấy thì trả về null.

Ví dụ sau:

const str = "The rain in SPAIN stays mainly in the plain";
console.log(str.match(/ain/g)); /* ["ain", "ain", "ain"] */
console.log(str.match(/ain/gi)); /* ["ain", "AIN", "ain", "ain"] */
console.log(str.match(/ainnn/g)); /* null */

const str2 = "Will 2021 be better than 2020?";
console.log(str2.match(/[0-9]/g)); /* ["2", "0", "2", "1", "2", "0", "2", "0"] */

4. charAt

charAt method sẽ trả về một ký tự trong string tại vị trí index xác định

Ví dụ sau:

const str = "HELLO WORLD";
console.log(str.charAt(6)); /* W */

5. indexOf

indexOf method sẽ trả về vị trí index đầu tiên của một chuỗi ký tự trong string ban đầu, nếu không tìm thấy thì trả về -1

Ví dụ sau:

const str = "Hello Javascript!";
console.log(str.indexOf("Javascript")); /* 6 */
console.log(str.indexOf("Javascripttt")); /* -1 */

6. replace

replace method sẽ trả về một string mới với các giá trị đã được thay thế của string ban đầu.

Ví dụ sau:

const str = "Hello world. Hello javascript";
// Chỉ thay thế từ đầu tiên
console.log(str.replace("Hello", "Hi")); /* Hi world. Hello javascript */

// Thay thế tất cả bằng cách sử dụng regex
console.log(str.replace(/Hello/g, "Hi")); /* Hi world. Hi javascript */

7. padStart, padEnd

padStart add thêm một số ký tự phía trước string ban đầu với một độ dài xác định.

padEnd add thêm một số ký tự phía sau string ban đầu với một độ dài xác định.

Ví dụ sau:

// Add thêm ký tự "0" vào phía trước eightBits cho đến khi có độ dài = 8
const eightBits = "001".padStart(8, "0");
console.log(eightBits); // 00000001

// Add thêm ký tự "*" vào phía sau anonymizedCode cho đến khi có độ dài = 5
const anonymizedCode = "34".padEnd(5, "*");
console.log(anonymizedCode); // 34***

8. Convert string to array

Có nhiều cách để convert string sang array các ký tự, nhưng mình thích sử dụng toán tử spread operator hơn.

Ví dụ sau:

const word = "apple";
const characters = [...word];
console.log(characters); // ["a", "p", "p", "l", "e"]

9. Convert number to string

const val = 1 + "";
console.log(val); // Result: "1"
console.log(typeof val); // Result: "string"

10. Convert string to number

const val = + "1";
console.log(val); // Result: 1
console.log(typeof val); // Result: "number"

Kết luận

Trên đây là những string methods mà chúng ta cần biết để vận dụng tốt trong tất cả các tình huống, mình hy vọng sẽ giúp cho những bạn mới làm quen sẽ hiểu rõ hơn và sử dụng hiệu quả string trong javascript. Cám ơn mọi người đã đọc bài viết.


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí