Chuyển đến nội dung chính
Mô-đun 2 · Bài học 2 trong tổng số 46/32 trong khóa học~10 min
Bài học theo mô-đun (2/4)

Phương thức chuỗi

Các chuỗi trong JS có hàng tá phương thức nhưng trong thực tế, bạn sẽ sử dụng mười trong số đó. họ. Chúng đều là các hàm không sửa đổi chuỗi gốc (chuỗi là immutable) nhưng trả về giá trị mới.

Độ dài, kiểu chữ, tìm kiếm

JS
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'

'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false

'JavaScript'.indexOf('a'); // 1    (first occurrence, from 0)
'JavaScript'.indexOf('zzz'); // -1   (not found)

length là thuộc tính (không có dấu ngoặc đơn), các thuộc tính khác là phương thức — các hàm được gọi bằng (…).

Đang trích xuất các phần bằng slice

slice(start, end) trả về chuỗi con giữa các vị trí đã cho (end bị loại trừ). Chỉ số âm tính từ cuối.

JS
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh'   (omitting end = to the end)
'abcdefgh'.slice(-2); // 'gh'      (last two)

Chia tách và nối lại

split(separator) chia một chuỗi thành một mảng các phần. Ngược lại là join(...) trên mảng:

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

Thay thế

replace thay đổi lần xuất hiện đầu tiên, replaceAll thay đổi tất cả các lần xuất hiện đó:

JS
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'

Trim: loại bỏ khoảng trắng ở các cạnh

trim() xóa dấu cách (và dòng mới, tab) ở đầu và cuối. Không thể thiếu khi bạn nhận được đầu vào từ một biểu mẫu.

JS
'   ciao  '.trim(); // 'ciao'

Hãy thử nó

tập thể dục#js.m2.l2.e1
Nỗ lực: 0Đang tải…

Đưa ra một email `' Mario.Rossi@Example.com '', hãy bình thường hóa nó: loại bỏ các khoảng trắng xung quanh và viết thường nó. Biểu thức cuối cùng phải có giá trị là 'mario.rossi@example.com'.

Đang tải trình chỉnh sửa…
Hiển thị gợi ý

Bạn có thể xâu chuỗi các phương thức: đầu tiên là Trim(), sau đó là toLowerCase().

Giải pháp khả dụng sau 3 lần thử

Xem lại bài tập

tập thể dục#js.m2.l2.e2
Nỗ lực: 0Đang tải…

Cho chuỗi `'rosso,verde,blu,giallo'`, trả về SỐ màu (tức là 4) làm biểu thức cuối cùng.

Đang tải trình chỉnh sửa…
Hiển thị gợi ý

Split(',') cung cấp cho bạn một mảng; .length cung cấp cho bạn số lượng phần tử.

Giải pháp khả dụng sau 3 lần thử