Hi xin chào các bạn, tiếp nối chủ để xử lý chuỗi trong JS, hôm nay mình sẽ tiếp tục giới thiệu các phương thức được dùng phổ biến khi làm việc với dữ liệu kiểu chuỗi mà devjs không thể bỏ qua. Chúng ta cùng bắt đầu nhé
11. String.prototype.split()
Đúng như cái tên của nó, split() chia một chuỗi thành một danh sách các chuỗi con có thứ tự, đặt các chuỗi con này vào một mảng và trả về mảng đó
1 2 3 4 5 6 7 8 9 10 11 12 13 | <span class="token keyword">const</span> str <span class="token operator">=</span> <span class="token string">'The quick brown fox jumps over the lazy dog.'</span><span class="token punctuation">;</span> <span class="token keyword">const</span> words <span class="token operator">=</span> str<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">' '</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>words<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > Array ["The", "quick", "brown", "fox", "jumps", "over", "the", "lazy", "dog."]</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>words<span class="token punctuation">[</span><span class="token number">3</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "fox"</span> <span class="token keyword">const</span> chars <span class="token operator">=</span> str<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">''</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>chars<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > Array ["T", "h", "e", " ", "q", "u", "i", "c", "k", " ", "b", "r", "o", "w", "n", " ", "f", "o", "x", " ", "j", "u", "m", "p", "s", " ", "o", "v", "e", "r", " ", "t", "h", "e", " ", "l", "a", "z", "y", " ", "d", "o", "g", "."]</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>chars<span class="token punctuation">[</span><span class="token number">8</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "k"</span> <span class="token keyword">const</span> strCopy <span class="token operator">=</span> str<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>strCopy<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > Array ["The quick brown fox jumps over the lazy dog."]</span> |
Cú pháp
1 2 3 4 5 6 7 8 9 10 11 12 | str<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token punctuation">[</span>separator<span class="token punctuation">[</span><span class="token punctuation">,</span> limit<span class="token punctuation">]</span><span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token comment">/* separator: Mẫu mô tả vị trí mỗi lần phân tách sẽ xảy ra. Dấu phân tách có thể là một chuỗi đơn giản hoặc nó có thể là một biểu thức chính quy. + Trường hợp đơn giản nhất là khi dấu phân cách chỉ là một ký tự đơn lẻ, nó được sử dụng để chia một chuỗi phân tách + Nếu dấu phân tách chứa nhiều ký tự, toàn bộ chuỗi ký tự đó phải được tìm thấy để tách + Nếu dấu phân tách bị bỏ qua hoặc không xuất hiện trong str, mảng được trả về chứa một phần tử bao gồm toàn bộ chuỗi + Nếu dấu phân tách xuất hiện ở đầu (hoặc cuối) của chuỗi, nó vẫn có tác dụng phân tách. Kết quả là một chuỗi rỗng (tức là độ dài bằng 0), xuất hiện ở vị trí đầu tiên (hoặc cuối cùng) của mảng được trả về. + Nếu dấu phân tách là một chuỗi rỗng (""), str được chuyển đổi thành một mảng của mỗi "ký tự" UTF-16 của nó */</span> <span class="token comment">/* limit (không bắt buộc): Một số nguyên không âm xác định, giới hạn về số lượng chuỗi con được đưa vào mảng */</span> |
12. String.prototype.substring()
Phương thức substring() trả về một phần của chuỗi nằm giữa chỉ mục đầu và chỉ mục kết thúc hoặc đến cuối chuỗi
1 2 3 4 5 | <span class="token keyword">const</span> str <span class="token operator">=</span> <span class="token string">'Mozilla'</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>str<span class="token punctuation">.</span><span class="token function">substring</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "oz"</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>str<span class="token punctuation">.</span><span class="token function">substring</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "zilla"</span> |
Cú pháp
1 2 3 4 5 | str<span class="token punctuation">.</span><span class="token function">substring</span><span class="token punctuation">(</span>indexStart<span class="token punctuation">[</span><span class="token punctuation">,</span> indexEnd<span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token comment">// indexStart: Chỉ mục của ký tự đầu tiên</span> <span class="token comment">// indexEnd: Chỉ mục của ký tự cuối cùng</span> |
13. String.prototype.toString()
Phương thức toString() trả về một chuỗi đại diện cho đối tượng được chỉ định
1 2 3 4 5 | <span class="token keyword">const</span> stringObj <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">String</span><span class="token punctuation">(</span><span class="token string">'foo'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>stringObj<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > String { "foo" }</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>stringObj<span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "foo"</span> |
Cú pháp
1 2 | str<span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span> |
14. String.prototype.toLowerCase()
Phương thức toLowerCase() trả về 1 chuỗi đã được chuyển đổi sang chữ thường
1 2 3 4 | <span class="token keyword">const</span> sentence <span class="token operator">=</span> <span class="token string">'The quick brown fox jumps over the lazy dog.'</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>sentence<span class="token punctuation">.</span><span class="token function">toLowerCase</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "the quick brown fox jumps over the lazy dog."</span> |
Cú pháp
1 2 | str<span class="token punctuation">.</span><span class="token function">toLowerCase</span><span class="token punctuation">(</span><span class="token punctuation">)</span> |
15. String.prototype.toUpperCase()
Phương thức toUpperCase() trả về 1 chuỗi đã được chuyển đổi sang chữ hoa
1 2 3 4 | <span class="token keyword">const</span> sentence <span class="token operator">=</span> <span class="token string">'The quick brown fox jumps over the lazy dog.'</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>sentence<span class="token punctuation">.</span><span class="token function">toUpperCase</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG."</span> |
16. String.prototype.trim()
Phương thức trim() loại bỏ khoảng trắng từ cả hai đầu của một chuỗi. Khoảng trắng trong ngữ cảnh này là tất cả các ký tự khoảng trắng (dấu cách, tab, dấu cách không ngắt, v.v.) và tất cả các ký tự kết thúc dòng (LF, CR, v.v.).
1 2 3 4 | <span class="token keyword">const</span> greeting <span class="token operator">=</span> <span class="token string">' Hello world! '</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>greeting<span class="token punctuation">.</span><span class="token function">trim</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "Hello world!"</span> |
Cú pháp
1 2 | str<span class="token punctuation">.</span><span class="token function">trim</span><span class="token punctuation">(</span><span class="token punctuation">)</span> |
17. String.prototype.trimEnd()
Phương thức trimEnd() loại bỏ khoảng trắng ở cuối chuỗi
1 2 3 4 | <span class="token keyword">const</span> greeting <span class="token operator">=</span> <span class="token string">' Hello world! '</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>greeting<span class="token punctuation">.</span><span class="token function">trimEnd</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > " Hello world!"</span> |
Cú pháp
1 2 | str<span class="token punctuation">.</span><span class="token function">trimEnd</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> |
18. String.prototype.trimStart()
Phương thức trimStart() loại bỏ khoảng trắng ở cuối chuỗi
1 2 3 4 | <span class="token keyword">const</span> greeting <span class="token operator">=</span> <span class="token string">' Hello world! '</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>greeting<span class="token punctuation">.</span><span class="token function">trimStart</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "Hello world! "</span> |
Cú pháp
1 2 | str<span class="token punctuation">.</span><span class="token function">trimStart</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> |
19. String.prototype.valueOf()
Phương thức valueOf() trả về một giá trị nguyên thủy của một đối tượng chuỗi
1 2 3 4 5 | <span class="token keyword">const</span> stringObj <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">String</span><span class="token punctuation">(</span><span class="token string">'foo'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>stringObj<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > String { "foo" }</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>stringObj<span class="token punctuation">.</span><span class="token function">valueOf</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// > "foo"</span> |
Cú pháp
1 2 | str<span class="token punctuation">.</span><span class="token function">valueOf</span><span class="token punctuation">(</span><span class="token punctuation">)</span> |
Kết luận
Trên đây mình đã giới thiệu tới các bạn hầu hết các phương thức phổ biến khi thao tác với dữ liệu dạng String, hi vọng sẽ có ích cho bạn trong quá trình làm việc
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 !