search

Lấy ký tự đầu tiên trong chuỗi JS

Ngày đăng: 30/11/2022
Trả lời: 0
Lượt xem: 9

Show

Hướng dẫn cách lấy ký tự trong chuỗi JavaScript. Bạn sẽ học được cách sử dụng phương thức charAt trong JavaScript để lấy ký tự trong chuỗi JavaScript tại vị trí chỉ định, cũng như ứng dụng phương thức này để lấy ký tự đầu và lấy ký tự cuối trong chuỗi JavaScript sau bài học này.

Bài viết liên quan:

  • Lấy mã UTF-16 của ký tự trong chuỗi JavaScript (charCodeAt)
  • Lấy điểm mã Unicode của ký tự trong chuỗi JavaScript (codePointAt)

charAt() trong JavaScript

charAt() là một phương thức của đối tượng String trong JavaScript, có tác dụng lấy ký tự trong chuỗi ban đầu tại vị trí index chỉ định.

Lấy ký tự đầu tiên trong chuỗi JS

Chúng ta sử dụng phương thức charAt() với cú pháp sau đây:

str.charAt(index)

Trong đó str là chuỗi ban đầu và charAt sẽ lấy ra ký tự trong chuỗi tại vị trí index chỉ định. Lưu ý là chúng ta chỉ có thể sử dụng index dương có phạm vi từ 0 đến str.length - 1 mà thôi. Nếu lược bỏ index thì mặc định index sẽ bằng 0.

Và nếu chỉ định một index âm, hoặc là index nằm ngoài phạm vi index của chuỗi thì một chuỗi trống sẽ được trả về.

Lấy ký tự trong chuỗi JavaScript tại vị trí chỉ định bằng charAt()

Chúng ta sử dụng phương thức charAt() để lấy ký tự trong chuỗi JavaScript tại vị trí chỉ định như các ví dụ sau đây:

Ví dụ 1: sử dụng index dương để lấy ký tự tại vị trí chỉ định

let word = 'tpHCM';

console.log(word.charAt(0));

console.log(word.charAt(2));

console.log(word.charAt(4));

Ví dụ 2: lược bỏ index khi sử dụng phương thức charAt

let word = 'tpHCM';

console.log(word.charAt());

Ví dụ 3: Chuỗi trống trả về khi sử dụng index nằm ngoài phạm vi có thể sử dụng

let word = 'tpHCM';

console.log(word.charAt(-3)); 



console.log(word.charAt(10));

Ở ví dụ này thì do chúng ta chỉ định index nằm ngoài phạm vi có thể nên kết quả trả về sẽ chỉ là các chuỗi trống mà thôi.

Lấy ký tự đầu trong chuỗi JavaScript

Ký tự đầu trong chuỗi có index bằng 0 và ứng dụng phương thức charAt(), chúng ta có thể lấy ký tự đầu trong chuỗi JavaScript như sau:

let word = 'tpHCM';

console.log(word.charAt(0));

Ngoài ra, chúng ta cũng có thể sử dụng một phương thức khác là slice() để lấy ký tự đầu trong chuỗi JavaScript như sau:

let word = 'tpHCM';

console.log(word.slice(0,1));

  • Xem thêm: Cắt chuỗi trong JavaScript (slice)

Lấy ký tự cuối trong chuỗi JavaScript

Ký tự cuối trong chuỗi có index bằng str.length -1 và ứng dụng phương thức charAt(), chúng ta có thể lấy ký tự cuối trong chuỗi JavaScript như sau:

let word = 'tpHCM';

console.log(word.charAt(word.length -1));

Ngoài ra, chúng ta cũng có thể sử dụng một phương thức khác là slice() để lấy ký tự cuối trong chuỗi JavaScript như sau:

let word = 'tpHCM';

console.log(word.slice(word.length -1, word.length));

Với phương thức slice() thì do có thể sử dụng cả với index âm, nên chúng ta cũng còn cách sử dụng index -1 để lấy ký tự cuối trong chuỗi JavaScript như sau:

let word = 'tpHCM';

console.log(word.slice(-1, word.length));

  • Xem thêm: Cắt chuỗi trong JavaScript (slice)

Tổng kết

Trên đây Kiyoshi đã hướng dẫn bạn cách lấy ký tự trong chuỗi JavaScript tại vị trí chỉ định rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé.

Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo.

URL Link

https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/lay-ky-tu-trong-chuoi-javascript-charat/

Viết bởi Kiyoshi. Đã đăng ký bản quyền tác giả tại <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#450808;background-color:#d899f5" rel="license noopener" target="_blank" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creativecommons</a>&nbsp;và <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#450808;background-color:#d899f5" target="_blank" rel="noopener" href="https://www.dmca.com/Protection/Status.aspx?ID=a80074af-8757-4b2e-b19f-84509be4f9b6" class="dmca-badge">DMCA</a></p><h3 style="font-size:15px">Bài viết liên quan</h3><ul class="popular-posts"><li class="popular-posts-item"><div class="popular-posts-title"><h3><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/cat-chuoi-trong-javascript-slice/" title="Cắt chuỗi trong JavaScript (slice)" rel="bookmark">Cắt chuỗi trong JavaScript (slice)</a></h3></div></li><li class="popular-posts-item"><div class="popular-posts-title"><h3><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/chuyen-chu-hoa-thanh-chu-thuong-trong-javascript/" title="Chuyển chữ hoa thành chữ thường và ngược lại trong JavaScript (toLowerCase, toUpperCase)" rel="bookmark">Chuyển chữ hoa thành chữ thường và ngược lại trong JavaScript (toLowerCase, toUpperCase)</a></h3></div></li><li class="popular-posts-item"><div class="popular-posts-title"><h3><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/chuyen-chuoi-thanh-mang-trong-javascript/" title="Chuyển chuỗi thành mảng trong JavaScript" rel="bookmark">Chuyển chuỗi thành mảng trong JavaScript</a></h3></div></li><li class="popular-posts-item"><div class="popular-posts-title"><h3><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/cat-chuoi-trong-javascript-substring/" title="Cắt chuỗi trong JavaScript (javascript substring)" rel="bookmark">Cắt chuỗi trong JavaScript (javascript substring)</a></h3></div></li><li class="popular-posts-item"><div class="popular-posts-title"><h3><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/chen-ky-tu-vao-chuoi-trong-javascript/" title="Chèn ký tự vào chuỗi trong JavaScript" rel="bookmark">Chèn ký tự vào chuỗi trong JavaScript</a></h3></div></li><li class="popular-posts-item"><div class="popular-posts-title"><h3><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/dem-so-lan-xuat-hien-cua-ky-tu-trong-chuoi-javascript/" title="Đếm số lần xuất hiện của ký tự trong chuỗi JavaScript với 3 cách cơ bản" rel="bookmark">Đếm số lần xuất hiện của ký tự trong chuỗi JavaScript với 3 cách cơ bản</a></h3></div></li><li class="popular-posts-item"><div class="popular-posts-title"><h3><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/dao-nguoc-chuoi-trong-javascript/" title="Đảo ngược chuỗi trong JavaScript" rel="bookmark">Đảo ngược chuỗi trong JavaScript</a></h3></div></li><li class="popular-posts-item"><div class="popular-posts-title"><h3><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/do-dai-chuoi-trong-javascript/" title="Độ dài chuỗi trong JavaScript" rel="bookmark">Độ dài chuỗi trong JavaScript</a></h3></div></li></ul></div><span class="ezoic-autoinsert-video ezoic-mid_content"></span><div id="keugoi"><span>Hãy chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam!</span></div><section class="icon-bar-2" style="border-bottom:dotted grey .3px!important;margin-top:10px"><a target="_blank" title="chia sẻ qua facebook" rel="noopener noreferrer" href="https://www.facebook.com/sharer/sharer.php?u=https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/lay-ky-tu-trong-chuoi-javascript-charat/" class="facebook"><i class="fa fa-facebook"></i></a><a target="_blank" rel="noopener noreferrer" href="https://twitter.com/intent/tweet?url=https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/lay-ky-tu-trong-chuoi-javascript-charat/" title="chia sẻ qua twitter" class="twitter"><i class="fa fa-twitter"></i></a><a target="_blank" rel="noopener noreferrer" href="https://getpocket.com/edit?url=https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/lay-ky-tu-trong-chuoi-javascript-charat/" title="chia sẻ qua pocket" class="pocket"><i class="fa fa-get-pocket"></i></a><span class="zalo-share-button" title="chia sẻ qua zalo" style="margin-left:18px;margin-bottom:-3px" data-href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/lay-ky-tu-trong-chuoi-javascript-charat/" data-oaid="579745863508352884" data-layout="3" data-color="blue" data-customize="false"></span></section><p class="ico-folder"><a target="_blank" href="https://laptrinhcanban.com/"><span itemprop="HOME">HOME</span></a><span class="sya"></span> <span class="sya">&nbsp;›</span> <a target="_blank" class="article-category-link" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/">học javascript - lập trình javascript cơ bản</a>&gt;&gt;<a target="_blank" class="article-category-link" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/">02. chuỗi trong javascript</a></p><span class="ezoic-autoinsert-video ezoic-under_first_paragraph"></span><nav id="article-nav"><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/thay-the-ky-tu-trong-chuoi-javascript/" id="article-nav-older" class="article-nav-link-wrap" style="float:left;text-align:right;padding-right:20px"><strong class="article-nav-caption">Bài sau</strong><div class="article-nav-title">Thay thế ký tự trong chuỗi JavaScript (replace)</div></a><a target="_blank" href="https://laptrinhcanban.com/javascript/javascript-co-ban-den-nang-cao/chuoi-trong-javascript/lay-ma-ky-tu-trong-chuoi-javascript-charcodeat/" id="article-nav-newer" class="article-nav-link-wrap" style="float:right;text-align:left;padding-left:20px"><strong class="article-nav-caption">Bài tiếp</strong><div class="article-nav-title">Lấy mã UTF-16 của ký tự trong chuỗi JavaScript (charCodeAt)</div></a><span id="ezoic-pub-ad-placeholder-611" class="ezoic-adpicker-ad"></span></nav><div id="recent_posts_down"><div class="widget_athemes_tabs"><ul id="widget-tab" class="clearfix widget-tab-nav"><li class="active">Bài viết mới nhất</li></ul><div class="widget"><ul><li class="clearfix"><div class="widget-entry-thumbnail"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-chuoi-trong-php/"><img width="60px" height="60px" loading="lazy" class="ezlazyload attachment-thumb-small size-thumb-small wp-post-image" aria-label="Tách chuỗi trong PHP (explode, preg_split)" ezimgfmt="rs rscb2 src ng ngcb2" data-ezsrc="/css/images/thumbnail_img/laptrinhcanban45.webp"></a></div><div class="widget-entry-summary"><span style="margin:0"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-chuoi-trong-php/">Tách chuỗi trong PHP (explode, preg_split)</a></span> <span>tháng 9 17, 2022</span></div></li><li class="clearfix"><div class="widget-entry-thumbnail"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/cat-chuoi-trong-php/"><img width="60px" height="60px" loading="lazy" class="ezlazyload attachment-thumb-small size-thumb-small wp-post-image" aria-label="Cắt chuỗi trong PHP (substr, mb_substr)" ezimgfmt="rs rscb2 src ng ngcb2" data-ezsrc="/css/images/thumbnail_img/laptrinhcanban21.webp"></a></div><div class="widget-entry-summary"><span style="margin:0"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/cat-chuoi-trong-php/">Cắt chuỗi trong PHP (substr, mb_substr)</a></span> <span>tháng 9 17, 2022</span></div></li><li class="clearfix"><div class="widget-entry-thumbnail"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-chuoi-thanh-mang-trong-php/"><img width="60px" height="60px" loading="lazy" class="ezlazyload attachment-thumb-small size-thumb-small wp-post-image" aria-label="Tách chuỗi thành mảng trong PHP (explode)" ezimgfmt="rs rscb2 src ng ngcb2" data-ezsrc="/css/images/thumbnail_img/laptrinhcanban57.webp"></a></div><div class="widget-entry-summary"><span style="margin:0"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-chuoi-thanh-mang-trong-php/">Tách chuỗi thành mảng trong PHP (explode)</a></span> <span>tháng 9 17, 2022</span></div></li><li class="clearfix"><div class="widget-entry-thumbnail"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tim-kiem-chuoi-trong-php/"><img width="60px" height="60px" loading="lazy" class="ezlazyload attachment-thumb-small size-thumb-small wp-post-image" aria-label="Tìm kiếm chuỗi trong PHP (strpos)" ezimgfmt="rs rscb2 src ng ngcb2" data-ezsrc="/css/images/thumbnail_img/laptrinhcanban43.webp"></a></div><div class="widget-entry-summary"><span style="margin:0"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tim-kiem-chuoi-trong-php/">Tìm kiếm chuỗi trong PHP (strpos)</a></span> <span>tháng 9 17, 2022</span></div></li><li class="clearfix"><div class="widget-entry-thumbnail"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/dem-so-lan-xuat-hien-cua-ky-tu-trong-chuoi-php/"><img width="60px" height="60px" loading="lazy" class="ezlazyload attachment-thumb-small size-thumb-small wp-post-image" aria-label="Đếm số lần xuất hiện của ký tự và chuỗi trong chuỗi PHP (substr_count)" ezimgfmt="rs rscb2 src ng ngcb2" data-ezsrc="/css/images/thumbnail_img/laptrinhcanban52.webp"></a></div><div class="widget-entry-summary"><span style="margin:0"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/dem-so-lan-xuat-hien-cua-ky-tu-trong-chuoi-php/">Đếm số lần xuất hiện của ký tự và chuỗi trong chuỗi PHP (substr_count)</a></span> <span>tháng 9 17, 2022</span></div></li><li class="clearfix"><div class="widget-entry-thumbnail"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-tung-ky-tu-trong-chuoi-php/"><img width="60px" height="60px" loading="lazy" class="ezlazyload attachment-thumb-small size-thumb-small wp-post-image" aria-label="Tách từng ký tự trong chuỗi PHP (substr, preg_split)" ezimgfmt="rs rscb2 src ng ngcb2" data-ezsrc="/css/images/thumbnail_img/laptrinhcanban47.webp"></a></div><div class="widget-entry-summary"><span style="margin:0"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/tach-tung-ky-tu-trong-chuoi-php/">Tách từng ký tự trong chuỗi PHP (substr, preg_split)</a></span> <span>tháng 9 17, 2022</span></div></li><li class="clearfix"><div class="widget-entry-thumbnail"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/chuyen-chuoi-thanh-mang-trong-php/"><img width="60px" height="60px" loading="lazy" class="ezlazyload attachment-thumb-small size-thumb-small wp-post-image" aria-label="Chuyển chuỗi thành mảng trong PHP (str_split, mb_str_split)" ezimgfmt="rs rscb2 src ng ngcb2" data-ezsrc="/css/images/thumbnail_img/laptrinhcanban17.webp"></a></div><div class="widget-entry-summary"><span style="margin:0"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/chuyen-chuoi-thanh-mang-trong-php/">Chuyển chuỗi thành mảng trong PHP (str_split, mb_str_split)</a></span> <span>tháng 9 17, 2022</span></div></li><li class="clearfix"><div class="widget-entry-thumbnail"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/xoa-ky-tu-trong-chuoi-php/"><img width="60px" height="60px" loading="lazy" class="ezlazyload attachment-thumb-small size-thumb-small wp-post-image" aria-label="Xóa ký tự trong chuỗi PHP" ezimgfmt="rs rscb2 src ng ngcb2" data-ezsrc="/css/images/thumbnail_img/laptrinhcanban15.webp"></a></div><div class="widget-entry-summary"><span style="margin:0"><a target="_blank" href="https://laptrinhcanban.com/php/nhap-mon-lap-trinh-php/chuoi-trong-php/xoa-ky-tu-trong-chuoi-php/">Xóa ký tự trong chuỗi PHP</a></span> <span>tháng 9 15, 2022</span></div></li></ul></div></div></div><footer class="entry-meta entry-footer"></footer><hr class="entry-footer-hr"></div><div id="profiletitle2">Profile</div><div id="profileblock2"><div id="profilephoto2"><a target="_blank" rel="noopener" href="https://www.youtube.com/c/ChisThanh"><img width="100" height="100" alt="きよしです！笑" ezimgfmt="rs rscb2 src ng ngcb2" class="ezlazyload" data-ezsrc="/css/images/kiyoshi.webp"></a></div><div id="profiletext2"><p>Tác giả : <a href="https://www.facebook.com/laptrinhkiyoshi" target="_blank" rel="nofollow noopener">Kiyoshi (Chis Thanh)</a></p><p>Kiyoshi là một <a href="https://www.youtube.com/c/ChisThanh" target="_blank" rel="nofollow noopener">cựu du học sinh tại Nhật Bản</a>. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản.<span id="ezoic-pub-ad-placeholder-196" class="ezoic-adpicker-ad"></span><span class="ezoic-ad ezoic-at-0 medrectangle-1 medrectangle-1196 adtester-container adtester-container-196" data-ez-name="laptrinhcanban_com-medrectangle-1"><span id="div-gpt-ad-laptrinhcanban_com-medrectangle-1-0" ezaw="300" ezah="250" style="position:relative;z-index:0;display:inline-block;padding:0;min-height:250px;min-width:300px" class="ezoic-ad"><script data-ezscrex="false" data-cfasync="false" style="display:none">if(typeof ez_ad_units!='undefined'){ez_ad_units.push([[300,250],'laptrinhcanban_com-medrectangle-1','ezslot_13',196,'0','0'])};__ez_fad_position('div-gpt-ad-laptrinhcanban_com-medrectangle-1-0');

Lấy ký tự đầu tiên trong chuỗi JS
report this ad